A highly performant, web-based ASCII software architecture diagram tool ("Vibecoding Architecture Tool"). Draw boxes, lines, arrows, and text on a crisp monospace grid, and export them as Markdown or copy them to your clipboard.
- Grid-Based Canvas: Fast HTML5
<canvas>rendering (120x60 grid). - Drawing Tools: Box (
B), Line (L), Arrow (A), Text (T), Eraser (E). - Smart Intersections: Lines and boxes automatically form
+intersections. - Markdown Export: Save your diagrams as
.mdfiles (Ctrl+S). - Smart Copy: Copies only the bounding box of your drawing (
Ctrl+C). - Multi-Modal AI Vision Import: Upload a screenshot or hand-drawn sketch and convert it to ASCII!
ASC2 Flow supports multiple Vision AI models to convert images to ASCII. API Keys are stored securely in your browser's localStorage—no backend required!
- Google Gemini (
gemini-3.1-pro-preview) - OpenAI (
gpt-4o) - Kimi 2.5 (
moonshot-v1-8k-vision-preview) - MiniMax 2.5 (
minimax-vl-01) - 智谱 Zhipu (
glm-4v-plus) - 阶跃星辰 StepFun (
step-1v-32k) - Custom: Any OpenAI-compatible REST API.
Because ASC2 Flow manages API keys entirely in the browser, it is a 100% static frontend application. You do NOT need to configure any environment variables on your server.
- Push this repository to your GitHub account.
- Go to Vercel and click Add New Project.
- Import your GitHub repository.
- Vercel will automatically detect it as a Vite project.
- Click Deploy.
- Done! The
vercel.jsonfile handles the SPA routing automatically.
If you want to run ASC2 Flow locally as a personal tool without deploying it to the web:
- Open your terminal in this directory.
- Make the script executable:
chmod +x start-mac-linux.sh - Run the script:
./start-mac-linux.sh - Open your browser to
http://localhost:3000.
- Double-click the
start-windows.batfile. - The script will automatically install dependencies and start the server.
- Open your browser to
http://localhost:3000.