diagram-design

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-skills claude-code codex data-visualization diagrams drawio mermaid svg

Quick Facts

Stars	34,987
Forks	2,211
Language	HTML
Category	Claude 技能
License	MIT
Quality Score	68.119453619396/100
Open Issues	34
Last Updated	2026-09-08
Created	2026-04-16
Platforms	claude-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 技能 Tools

Explore other popular claude 技能 tools:

skills ⭐ 173.6k
claude-code ⭐ 144.2k
caveman ⭐ 104.3k
claude-mem ⭐ 93.5k
Understand-Anything ⭐ 81.8k
codegraph ⭐ 70.1k
oh-my-openagent ⭐ 68.8k
get-shit-done ⭐ 64.7k
Pake ⭐ 61.3k
archify ⭐ 54.9k

View all Claude 技能 tools →

Popular HTML Agent Tools

claude-code-best-practice ⭐ 65.8k · AI 工具
guizang-ppt-skill ⭐ 25.9k · Codex 技能
huashu-design ⭐ 24.0k · Claude 技能
ai-berkshire ⭐ 16.2k · MCP 服务器
Kami ⭐ 11.3k · 未分类

Frequently Asked Questions

What is diagram-design?

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 技能 with 35.0k 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 35.0k stars and 2211 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 技能 tools