by cathrynlavery · Claude Skill · ★ 25.6k
Diagram Design Editorial diagrams your designer won't hate. New in 2.0 — the Loop: flywheels with a shared-memory hub. The dashed lines are the write-backs. New in 2.3: semantic system patterns and optional accessible motion, while static output stays the default. New in 2.5.10: ten more layout grammars — Sankey, fishbone, Wardley map, kanban, user journey, deployment, dependency graph, UML class, story map, and database schema. 38 editorial diagram types for Claude Code, Codex, Factory Droid, and Pi. Self-contained HTML + SVG. No shadows. No Mermaid slop.
| Stars | 25,598 |
| Forks | 1,573 |
| Language | HTML |
| Category | Claude Skill |
| License | MIT |
| Quality Score | 68.119453619396/100 |
| Open Issues | 27 |
| Last Updated | 2026-08-21 |
| Created | 2026-04-16 |
| Platforms | claude-code, codex |
| Est. Tokens | ~24k |
These tools work well together with diagram-design for enhanced workflows:
Explore other popular claude skill tools:
diagram-design is 38 editorial diagram types for Claude Code, Codex, and Pi. Self-contained HTML + SVG. No shadows. No Mermaid slop.. It is categorized as a Claude Skill with 25.6k GitHub stars.
diagram-design is primarily written in HTML. It covers topics such as agent-skills, claude-code, codex.
You can find installation instructions and usage details in the diagram-design GitHub repository at github.com/cathrynlavery/diagram-design. The project has 25.6k stars and 1573 forks, indicating an active community.
diagram-design is released under the MIT license, making it free to use and modify according to the license terms.