ascii-boxes

Generate and validate ASCII box diagrams with Unicode box-drawing characters. Use when creating architecture diagrams, system overviews, or any box-drawing art in markdown, READMEs, or code comments. Includes a generator (from simple text format) and a validator (checks alignment). Use for any task involving ┌─┐│└─┘ characters.

Safety Notice

This listing is imported from skills.sh public index metadata. Review upstream SKILL.md and repository scripts before running.

Copy this and send it to your AI assistant to learn

Install skill "ascii-boxes" with this command: npx skills add tpsdev-ai/skills/tpsdev-ai-skills-ascii-boxes

ASCII Boxes

Two tools: generate perfect boxes, validate existing ones.

Generate a diagram

Write a simple text file describing the box:

Docker Container
[lead] agent-lead | UID 1001 | nono Landlock
[coder] agent-coder | UID 1002 | nono Landlock

supervisor (PID 1)
- Creates users
- Drops privileges

Format rules:

  • First line = outer box title
  • [tag] col1 | col2 | col3 = inner box (each tag is a separate box, columns are rows)
  • - text = bullet item (rendered as · text)
  • Blank line = spacing row

Run:

python3 SKILL_DIR/scripts/draw-box.py input.txt

Pipe output into your file or copy-paste into markdown.

Validate an existing diagram

python3 SKILL_DIR/scripts/check-box-align.py <file>

Finds blocks with box-drawing corners (/), checks all lines have the same display width. Reports mismatches with line numbers.

Why this exists

LLMs cannot count display columns reliably. Box-drawing characters are 3 bytes UTF-8 but 1 display column. Always validate after writing or editing box art.

Workflow

  1. Generate with draw-box.py OR hand-write the diagram
  2. Validate with check-box-align.py
  3. If misaligned, pad short lines with spaces before closing
  4. Re-validate until clean

Source Transparency

This detail page is rendered from real SKILL.md content. Trust labels are metadata-based hints, not a safety guarantee.

Related Skills

Related by shared tags or category signals.

Coding

frontend-design

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.

Repository SourceNeeds Review
94.2K159.5K
anthropics
Coding

remotion-best-practices

Use this skills whenever you are dealing with Remotion code to obtain the domain-specific knowledge.

Repository SourceNeeds Review
2.1K147.4K
remotion-dev
Coding

azure-ai

Service Use When MCP Tools CLI

Repository SourceNeeds Review
155135.8K
microsoft