Agent skill
diagrams
Use when generating any diagrams using ASCII and Unicode characters.
Stars
163
Forks
31
Install this agent skill to your Project
npx add-skill https://github.com/majiayu000/claude-skill-registry/tree/main/skills/development/diagrams-tspader-dotfiles
SKILL.md
Diagrams
Quick Reference
Box drawing (single):
┌───┬───┐
│ │ │
├───┼───┤
│ │ │
└───┴───┘
Box drawing (double):
╔═══╦═══╗
║ ║ ║
╠═══╬═══╣
║ ║ ║
╚═══╩═══╝
Tree characters: ├── └── │
Arrows: → ← ↑ ↓ ↔ ↕ ⟶ ⟵
Blocks: █ ▀ ▄ ▌ ▐ ░ ▒ ▓
Diagram Types
| Type | Use Case | Reference |
|---|---|---|
| Memory layouts | Struct fields, memory regions, pointers | memory-layouts.md |
| Bit layouts | Register bits, flags, binary formats | bit-layouts.md |
| Boxes/frames/tables | Bordered text, headers, data tables | boxes-frames.md |
| Banners | Large text logos, titles | banners.md |
| Flowcharts | Process flows, decisions | flowcharts.md |
| Trees | Directory structure, hierarchies | trees.md |
| Sequences | Message flows, timelines | sequences.md |
Full character reference: characters.md
Guidelines
- Width: Keep under 80 chars for code comments, 120 for documentation
- Alignment: All box characters assume monospace font
- ASCII fallback: Use
+,-,|when Unicode unavailable - Consistency: Pick single or double line style, don't mix within a diagram
Didn't find tool you were looking for?