Help us improve
Share bugs, ideas, or general feedback.
From visualization-skills
Express product, service, or data architectures through layered ASCII diagrams suitable for terminals, PRs, and ADRs.
npx claudepluginhub tjboudreaux/cc-visualization-skills --plugin visualization-skillsHow this skill is triggered — by the user, by Claude, or both
Slash command
/visualization-skills:tools-visual-ascii-archThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
- Provide quick system overviews when graphical tools aren’t available.
Provides ASCII diagram patterns for architecture, workflows, file trees, and data visualizations. Use for terminal-rendered box-drawing layouts, progress bars, swimlanes, and blast radius charts.
Generates perfectly aligned ASCII diagrams (architecture, flow, sequence, box-and-arrow) using a programmatic character-grid approach with post-render verification.
Generates self-contained HTML architecture diagrams with inline SVG icons, CSS Grid zones, and connection overlays. Useful for visualizing system topology, deployment structure, or component relationships.
Share bugs, ideas, or general feedback.
+---+ boxes for nodes, |/- for edges.HTTP, gRPC, L1 tx).~> for async events, => for sync calls.[iOS], [Windows agent])..factory/diagrams/<topic>.txt.