mcpField
A
ascii-diagram-boxflow

ascii-diagram-boxflow

github.com/partme-aiDesign & UI71668 installsUpdated 3w ago
Repository

About ascii-diagram-boxflow

ascii-diagram-boxflow is a skill for producing box-and-arrow diagrams in plain ASCII text. It is intended for explicitly requested diagrams; its layout script handles simple linear flows and two-way branches on a best-effort basis.

Key features

  1. 01ASCII-only box-and-arrow diagrams
  2. 02Top-to-bottom or left-to-right direction
  3. 03Configurable width and box width
  4. 04Optional node numbering
  5. 05Guidance for splitting complex diagrams

Use cases

  1. 01Drawing a simple login flow
  2. 02Showing a process with a two-way branch
  3. 03Splitting a diagram that exceeds 12 nodes

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/partme-ai/full-stack-skills --skill ascii-diagram-boxflow

After installing, type/ascii-diagram-boxflowin Claude Code to confirm it loaded.

Bundled files

References and scripts installed along with SKILL.md.

LICENSE.txt
examples/
login-flow.md
scripts/
boxflow.py

Details

From the project README

When to use this skill

CRITICAL TRIGGER RULE

  • Use this skill ONLY when the user explicitly mentions the exact skill name: ascii-diagram-boxflow.

Trigger phrases include:

  • "ascii-diagram-boxflow"
  • "use ascii-diagram-boxflow"
  • "用 ascii-diagram-boxflow 画 ASCII 流程图/框图"
  • "使用 ascii-diagram-boxflow 生成 box + 箭头连接图"

Boundary

  • ASCII output only. Do not output Mermaid/PlantUML.
  • Recommended nodes <= 12; if larger, split into sub-diagrams.
  • Auto-layout is best-effort for linear and simple branching. Complex layouts require manual ordering or splitting.

How to use this skill

Inputs
  • nodes (node list; names required)
  • edges (connections: from/to)
  • direction (TB | LR, default TB)
  • width (default 80)
  • boxWidth (default 16)
  • numbering (default false)
Outputs (required)
  • diagram (ASCII-only)
  • layoutRules (box width + arrow/line rules)
  • splitAdvice (how to split complex diagrams)

Script

  • scripts/boxflow.py: best-effort for linear flows and single 2-way branching

Examples

  • examples/login-flow.md
Inline Example

Input: nodes=[Login, Validate, Dashboard], edges=[Login->Validate, Validate->Dashboard], direction=TB:

+----------------+
|     Login      |
+----------------+
        |
        v
+----------------+
|   Validate     |
+----------------+
        |
        v
+----------------+
|   Dashboard    |
+----------------+

Long name truncation (boxWidth=16): "Authentication Service" becomes "Authenticati...".

Quality checklist

  1. Arrow direction is unambiguous; avoid crossings
  2. Line width <= width; no trailing spaces
  3. Long node names must be truncated or wrapped consistently

Keywords

English: ascii-diagram-boxflow, ascii diagram, flowchart, box, arrow, plain text, terminal 中文: ascii-diagram-boxflow, ASCII 框图, 流程图, 纯文本, 盒子, 箭头, 终端

Comments

Markdown supported