Diagram Design
Agent skill that turns plain English into one interactive HTML diagram
About
Diagram Design (MIT, created April 2026) is an Agent Skill for Claude Code, Codex, Cursor, Copilot, Gemini CLI, Cline, Windsurf and Amp that turns a plain-English request into ONE self-contained interactive.html diagram (architecture, flowchart, sequence, state, ER, Gantt, charts, 2x2 quadrants; 27 editorial diagram types, 3 visual variants, brand onboarding from a website URL, WCAG AA contrast checks, 55 IT/cloud icons), exportable to SVG/PNG via /diagram-design:export.
Plugin route: /plugin marketplace add cathrynlavery/diagram-design then /plugin install diagram-design@diagram-design, or clone the repo and symlink skills/diagram-design into ~/.claude/skills/diagram-design (the clone route preserves hand-edits to the style guide across updates).
More in Claude Skills
View all
Anthropic Agent Skills
Anthropic's official skill collection — documents, spreadsheets, design and more.
Claude Red
78 offensive-security skills in 23 categories as drop-in SKILL.md playbooks that turn Claude Code into a red team operator.
Claude Code Templates
Open registry + CLI for Claude Code components — skills, agents, commands, MCPs and more, installable one at a time.