Help us improve
Share bugs, ideas, or general feedback.
Share bugs, ideas, or general feedback.
Share bugs, ideas, or general feedback.
By tjboudreaux
6 Visualization Skills for Claude Code - Mermaid diagrams, ASCII architecture, workflows, state machines, cheatsheets, and retro templates
npx claudepluginhub tjboudreaux/cc-visualization-skills --plugin visualization-skillsMermaid diagram syntax for flowcharts, sequence diagrams, ER diagrams, state machines, and other visualizations that render in GitHub/GitLab markdown.
Express product, service, or data architectures through layered ASCII diagrams suitable for terminals, PRs, and ADRs.
Build portable ASCII command panels summarizing CLI workflows (e.g., GitHub CLI, deployment scripts) for quick reference.
Facilitate retrospectives and experiment readouts using ASCII grids, timelines, and heatmaps for rapid comprehension.
Model user journeys, retention loops, or process states with ASCII state machines and storyboards.
6 Visualization Skills for Claude Code. Mermaid diagrams, ASCII architecture maps, workflow blueprints, state machines, CLI cheatsheets, and retrospective templates.
| Skill | Description |
|---|---|
tools-mermaid | Mermaid diagram syntax for flowcharts, sequence diagrams, ER diagrams, state machines, Gantt charts, and more |
tools-visual-ascii-arch | Layered ASCII architecture diagrams for terminals, PRs, and ADRs |
tools-visual-workflows | Multi-step workflow flowcharts and timelines |
tools-visual-state-machines | User journey and process state machine storyboards |
tools-visual-cheatsheets | Portable ASCII CLI command reference panels |
tools-visual-retro | Retrospective and experiment readout templates |
/plugin install tjboudreaux/cc-visualization-skills
Add to .factory/settings.json:
{
"enabledPlugins": {
"visualization-skills@cc-visualization-skills": true
}
}
> Create a Mermaid sequence diagram for this API flow
> Draw an ASCII architecture diagram of the system
> Build a CLI cheatsheet for our deployment commands
> Create a state machine for the user onboarding flow
MIT
Share bugs, ideas, or general feedback.
Based on adoption, maintenance, documentation, and repository signals. Not a security audit or endorsement.
Generate, validate, render Mermaid diagrams from text or code
Generate professional draw.io diagrams from natural language — flowcharts, architecture diagrams, comparisons, and more.
Excalidraw diagramming toolkit — auto-diagram any codebase, architecture diagrams, data flows, with PNG/SVG/URL export
MCP server for previewing Mermaid diagrams in Claude Code
Diagrams-as-code tools for visualizing code, data, and systems using Mermaid and PlantUML
Build interactive, click-through architecture diagrams as a single HTML file. Animated step-by-step flows, mode toggles, dark/light theme, side panel with payloads.
39 eval-informed thinking skills and mental models for Claude Code
Comprehensive VC fundraising and investor relations toolkit for CEOs. Includes pitch narrative development, deck review, investor update writing, board deck preparation, fundraising process strategy, and Q&A preparation -- all grounded in first principles from Sequoia, a16z, Benchmark, YC, and leading VC thought leaders.
4 Perforce version control skills for Claude Code covering basic operations, changelist management, conflict resolution, and shelving workflows
21 Unity game development skills for Claude Code covering Addressables, Behavior Designer, Cinemachine, GAS, NavMesh, VContainer, UniTask, Wwise, mobile optimization, and more
5 ASCII visualization skills and 3 ops commands for flowcharts, architecture diagrams, state machines, cheatsheets, and retrospectives
Own this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge.
Sign in to claimOwn this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge.
Sign in to claim