ai-agent

AsciiCanvas: Visualize LLM Workflows on an Infinite ASCII Canvas

Create clear, copy‑pasteable diagrams that LLMs can read. Perfect for founders who need a lightweight, multi‑byte drawing tool for AI‑driven planning.

From the repo · “The native visual interface for LLMs. Infinite canvas, multi-byte support, copy-pasteable architecture. Build diagrams AI can actually read.”

451 stars5 forksTypeScriptGuide quality 9/10 · reviewed Oct 7Updated 10/22/2026100% free · open source
What it does

AsciiCanvas allows startup founders to build diagrams that can be understood by Large Language Models (LLMs) using a native visual interface with infinite canvas and multi-byte support

When to use it
  • •When designing architecture for an AI-powered project
  • •When creating flowcharts for automated workflows
  • •When visualizing data structures for machine learning models
Ready-to-paste prompt
Create a diagram for a simple e-commerce workflow using 'cart -> payment -> order confirmation' and paste it into your LLM for processing
Heads up: Ensure you have Git installed on your system to clone the repository, and be aware that the tool requires a compatible TypeScript environment to run
Saves to your device
Use with Claude
New

Skip the builder — one click puts this in Claude, Cursor, Antigravity and more.

✅ Light setup

Installs with a command or two; your AI agent can do it for you.

Try it instantly — no install
Claude Code
mkdir -p ~/.claude/skills/asciicanvas && curl -fsSL https://workflowstacks.com/api/skills/asciicanvas/claude-skill -o ~/.claude/skills/asciicanvas/SKILL.md
Open in another AI app

Opens the app with this repo with the prompt ready to go — no copy-paste needed.

Connect the whole catalog (MCP)
claude mcp add --transport http workflowstacks https://workflowstacks.com/api/mcp

Adds a WorkflowStacks connector to Claude Code: search and load any skill here by chatting.

What's inside — free to inspect

No purchase needed

Read the entire source before you build — unlike paid marketplaces that hide it behind a buy button.

22
top-level files
10
folders
84.7M
source size
MIT
license
Key files
AGENTS.md
eslint.config.js
package.json
README.md
README.zh-CN.md
release-please-config.json
File tree
.agents/
.github/
.pi/
.serena/
apps/
examples/
packages/
registry/
scripts/
tests/
.dockerignore
.gitignore
.gitnexusrc
.prettierignore
.prettierrc
.release-please-manifest.json
AGENTS.md
components.json
DESIGN.md
eslint.config.js
knip.json
LICENSE
package-lock.json
package.json
Quick Actions
Details
Creator
Sayhi-bzb
Language
TypeScript
Category
ai-agent
Published
12/16/2025

Are you the creator of this tool? and earn 85% of every sale.

Show it off in your README:

Featured on WorkflowStacks
[![Featured on WorkflowStacks](https://workflowstacks.com/api/badge/asciicanvas.svg)](https://workflowstacks.com/skills/asciicanvas?utm_source=github&utm_medium=badge)
🔥 Hot this week, in your inbox
Skills like this, every Monday.

The five fastest-growing open-source AI skills, ranked by GitHub star growth. One email a week, unsubscribe anytime.