# Diagrams

> Use when generating any diagrams using ASCII and Unicode characters.

- Skill: `majiayu000/diagrams` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds add majiayu000/diagrams`
- Raw SKILL.md: https://api.skillmd.com/api/skills/majiayu000/diagrams/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: majiayu000 (https://skillmd.com/u/majiayu000)
- Updated: 2026-09-09
- Page: https://skillmd.com/skills/majiayu000/diagrams

---


# 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](references/memory-layouts.md) |
| Bit layouts | Register bits, flags, binary formats | [bit-layouts.md](references/bit-layouts.md) |
| Boxes/frames/tables | Bordered text, headers, data tables | [boxes-frames.md](references/boxes-frames.md) |
| Banners | Large text logos, titles | [banners.md](references/banners.md) |
| Flowcharts | Process flows, decisions | [flowcharts.md](references/flowcharts.md) |
| Trees | Directory structure, hierarchies | [trees.md](references/trees.md) |
| Sequences | Message flows, timelines | [sequences.md](references/sequences.md) |

Full character reference: [characters.md](references/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