diagram-design
Editorial diagram design for Claude Code, Codex, and Pi. Self-contained HTML + SVG. No shadows. No Mermaid slop.
面向Claude Code的29种编辑图表类型。自包含HTML+SVG。无阴影，无Mermaid垃圾。
How to install
git clone https://github.com/cathrynlavery/diagram-design ~/.claude/skills/diagram-design About
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.* 28 visual types. One agent skill for Claude Code, Codex, and Pi. 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. Th…
Recommendation signals
Meta
- License
- MIT
- Language
- HTML
- GitHub stars
- 42.3K
- mo. downloads
- –
- Last push
- 2026-09-19
- Created
- 2026-04-16
Links
Basic safety check
- Findings
- curated 收录但无 npm 包/安装命令
- Sources
- curated:hesreallyhim/awesome-claude-code
- Topics
- agent-skills, claude-code, codex, data-visualization, diagrams, drawio, mermaid, svg
Related plugins
superpowers
obra/superpowers
An agentic skills framework & software development methodology that works.
dev-browser
SawyerHood/dev-browser
A Claude Skill to give your agent the ability to use a web browser
ruflo
ruvnet/claude-flow
🌊 The original agent harness. Deploy intelligent multi-player swarms, coordinate autonomous workflows, and build conversational AI systems. Features adaptive memory, self-learning intelligence, federation, vector RAG integration, and native Claude Code / Codex / Hermes and many more Integrated