diagram-design

by cathrynlavery · Claude Skill · ★ 47.7k

About diagram-design

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.

agent-skillsclaude-codecodexdata-visualizationdiagramsdrawiomermaidsvg

Quick Facts

Stars47,742
Forks3,027
LanguageHTML
CategoryClaude Skill
LicenseMIT
Quality Score68.119453619396/100
Open Issues59
Last Updated2026-10-09
Created2026-04-16
Platformsclaude-code, codex
Est. Tokens~24k

Compatible Skills

These tools work well together with diagram-design for enhanced workflows:

  • fireworks-tech-graph — semantic(0.27)+complementary+rare_topics+similar_pop+shared_platform (59%)
  • lieflat-charts — semantic(0.39)+complementary+rare_topics+same_lang+shared_platform (58%)
  • architecture-diagram-generator — semantic(0.22)+complementary+same_lang+similar_pop+shared_platform (58%)
  • archify — semantic(0.39)+rare_topics+same_lang+similar_pop+shared_platform (53%)

More Claude Skill Tools

Explore other popular claude skill tools:

View all Claude Skill tools →

Popular HTML Agent Tools

Frequently Asked Questions

What is diagram-design?

diagram-design is Editorial diagram design for Claude Code, Codex, GitHub Copilot, Factory Droid, and Pi. 42 diagram types. Self-contained HTML + SVG. No shadows. No Mermaid slop.. It is categorized as a Claude Skill with 47.7k GitHub stars.

What programming language is diagram-design written in?

diagram-design is primarily written in HTML. It covers topics such as agent-skills, claude-code, codex.

How do I install or use diagram-design?

You can find installation instructions and usage details in the diagram-design GitHub repository at github.com/cathrynlavery/diagram-design. The project has 47.7k stars and 3027 forks, indicating an active community.

What license does diagram-design use?

diagram-design is released under the MIT license, making it free to use and modify according to the license terms.

View on GitHub → Browse Claude Skill tools