design-doc-mermaid
design doc mermaid
What it does
- Decision Tree
- Available Guides and Resources
- Usage Patterns
- Resilient Workflow
- Unicode Semantic Symbols
- Python Utilities
- Decision Tree Examples
Requirements & configuration
- 2. Load appropriate guide(s) → Read only what's needed (token efficient)
- 7. Token Efficiency: Use hierarchical loading instead of reading everything
- Need to document code? Follow this:
Derived from the skill's own SKILL.md documentation · extracted 2026-07-23
design-doc-mermaid FAQ
What does the design-doc-mermaid skill do?
Create Mermaid diagrams (activity, deployment, sequence, architecture) from text descriptions or source code. Use when asked to "create a diagram", "generate mermaid", "document architecture", "code to diagram", "create design doc", or "convert code to diagram". Supports hierarchical on-demand guide loading, Unicode semantic symbols, and Python utilities for diagram extraction and image conversion. Decision Tree Available Guides and Resources
What does design-doc-mermaid require?
2. Load appropriate guide(s) → Read only what's needed (token efficient) 7. Token Efficiency: Use hierarchical loading instead of reading everything Need to document code? Follow this:
How do I install design-doc-mermaid?
Run: npx -y skills add https://github.com/spillwavesolutions/design-doc-mermaid --skill design-doc-mermaid --agent claude-code — the source lives at github.com/spillwavesolutions/design-doc-mermaid.
Maintain design-doc-mermaid?
Let people know it's listed here — add the badge (live metrics, light/dark aware) or a plain link to your README or docs.
[](https://getagentictools.com/skills/spillwavesolutions-design-doc-mermaid-design-doc-mermaid?ref=badge) npx agentictools info skills/spillwavesolutions-design-doc-mermaid-design-doc-mermaid The second line is the CLI lookup for this page — handy in READMEs and docs.