项目地址
https://github.com/cathrynlavery/diagram-design
AI 摘要
该工具为Claude Code等AI代理提供39种编辑级图表类型，输出自包含HTML+SVG，无外部依赖或阴影。支持架构图、流程图、时间线等，并新增Sankey、鱼骨图、看板等布局，以及语义化模式与可选动态效果。可自动匹配品牌风格，支持重绘draw.io或Mermaid源文件。通过语义与布局分离，利用现有类型扩展多种行为描述，无需新增类型。强调简洁设计，控制色彩与密度，提升图表专业度。
README 原文
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.
39 editorial diagram types for Claude Code, Codex, Factory Droid, Pi, and Agent Skills-compatible hosts. Self-contained HTML + SVG. No shadows. No Mermaid slop. Semantic patterns describe behavior separately from layout, so a queue, policy trace, or trust boundary can use the nearest existing type without expanding the type count. Static HTML remains the default; optional motion is available for ordered explanations. The skill also redraws draw.io or Mermaid sources at a chosen format, size, and detail level.
No Figma. No generic rounded boxes. No 30-minute color-picking sessions.
Why I built it
I write at littlemight.com (and run BestSelf.co on the side). Every time I needed a diagram — an architecture sketch, a flowchart, a pyramid of what matters most — I'd ask Claude and get back a g...
项目地址
https://github.com/cathrynlavery/diagram-design
AI 摘要
该工具为Claude Code等AI代理提供39种编辑级图表类型，输出自包含HTML+SVG，无外部依赖或阴影。支持架构图、流程图、时间线等，并新增Sankey、鱼骨图、看板等布局，以及语义化模式与可选动态效果。可自动匹配品牌风格，支持重绘draw.io或Mermaid源文件。通过语义与布局分离，利用现有类型扩展多种行为描述，无需新增类型。强调简洁设计，控制色彩与密度，提升图表专业度。
README 原文
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.
39 editorial diagram types for Claude Code, Codex, Factory Droid, Pi, and Agent Skills-compatible hosts. Self-contained HTML + SVG. No shadows. No Mermaid slop. Semantic patterns describe behavior separately from layout, so a queue, policy trace, or trust boundary can use the nearest existing type without expanding the type count. Static HTML remains the default; optional motion is available for ordered explanations. The skill also redraws draw.io or Mermaid sources at a chosen format, size, and detail level.
No Figma. No generic rounded boxes. No 30-minute color-picking sessions.
Why I built it
I write at littlemight.com (and run BestSelf.co on the side). Every time I needed a diagram — an architecture sketch, a flowchart, a pyramid of what matters most — I'd ask Claude and get back a g...