diagram-first
CommunityExplain ideas with concise ASCII diagrams first.
Authormikker
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Diagram-first explanations using ASCII visualizations (sequence diagrams, flowcharts, component maps) to explain code, systems, request/response flows, pipelines, concurrency, and comparisons. Use when the user asks to "draw an ASCII diagram", "show the flow/logic", "visualize the architecture", "explain how it works", or when a diagram would reduce ambiguity in a technical explanation.
Core Features & Use Cases
- Answer questions with a short ASCII diagram first, then a concise explanation.
- Prefer visual structure over prose when describing flows, architecture, or logic.
- Diagram types include Sequence, Flowchart, Component map, Pipeline diagrams, State machines, and Side-by-side comparisons.
Quick Start
Provide an ASCII diagram first to illustrate the requested concept, then follow with a concise explanation.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: diagram-first Download link: https://github.com/mikker/dotfiles/archive/main.zip#diagram-first Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 510,000+ vetted skills library on demand.