SKILL

text-diagram

Draw reliable, well-aligned text/ASCII architecture diagrams with nested boxes, arrows, and connectors. Use when user asks to draw/create text diagrams, ASCII art diagrams, box diagrams, or architecture diagrams in plain text. For rendered SVG or HTML diagrams, use vd:diagram-design instead.

Target: Design & content creation. Automatically collected · unverified.

Excerpt from the author’s documentation

Extracted from a fixed version of SKILL.md in its original language. This is the author’s documentation; installation, compatibility and runtime results have not been verified by this site.

Read the original English text

Topics in the source

  • Text Diagram Drawing
  • Critical Rules (NEVER violate)
  • Character Sets
  • Style A: Pure ASCII (safest, works everywhere)
  • Style B: Unicode Light Box Drawing (cleaner look)
  • Width Constraints
  • Drawing Algorithm
  • Step 1: Plan the Layout

Draw professional, pixel-perfect text-based architecture diagrams using monospace characters. Every character must align correctly in a monospace font. 1. Calculate widths BEFORE drawing. Never freehand a diagram. Always compute column widths, box widths, and total widths first, then render. 2. Every line in a box must be the SAME character length. Count characters. Verify. 3. Use ONLY ASCII-safe monospace characters for borders: |, -, + for basic; or Unicode box-drawing (see charset below). Never mix styles in one diagram. 4. Pad content with spaces to fill the full inner width of every box. 5. Vertical connectors (| or │) must be at the EXACT same column position on every line between two boxes. 6. After drawing, mentally re-count character positions of the first line, last line, and any connector lines to verify alignment. 7. One box-drawing style per diagram. Don't mix +--+ with ┌──┐. Style C: Unicode Rounded (╭ ╮ ╰ ╯, rest same as B). Style D: Double-line (╔ ╗ ╚ ╝, ═, ║, T-junc ╠ ╣ ╦ ╩) for emphasis/outer containers. Style E: Dashed borders (¦ or : or ╎, horiz - - -) for secondary containers. Default max width: 80 characters (standard terminal). Use 120 for wide diagrams. If a

This is an excerpt. Refer to the complete source and its current requirements.

Source repository
vanducng/skills
Source file
skills/text-diagram/SKILL.md
Fixed revision
c20411b8df8f821988c87689f6aefe142b6f9025
Read the complete original documentation ↗

Sources and evidence

This record was collected automatically. Its documentation, suitability and runtime behavior have not been manually verified.

Author: vanducng/skills · original repository metadata. Documentation review: Not reviewed. Last source check: 2026-11-11T14:02:27.595Z.

Categories are inferred from names, descriptions and paths. They do not establish compatibility.

License and attribution

MIT. Third-party content and copyright remain with their authors. Refer to the original license and terms.

Original license ↗

Synchronization, copying and user-reported success do not mark a resource as runtime-tested.

Limitations and notes

  • Collecting metadata does not mean this site has installed, adapted, runtime-tested or security-reviewed the resource.