Skill
Diagram Design
An agent skill that draws editorial diagrams as one self-contained HTML and SVG file, with 45 diagram types, brand matching, and import from draw.io, Mermaid or Excalidraw.
Why it is useful
Use when a diagram must open without a build step or a Mermaid renderer. The README lists Claude Code, Codex, GitHub Copilot, Cursor, Factory Droid, Qoder and Pi as supported agents.
Install
npx skills add cathrynlavery/diagram-designFacts
- Kind
- Skill
- Source
- https://github.com/cathrynlavery/diagram-design
- Repository
- cathrynlavery/diagram-design
- Author
- cathrynlavery
- License
- MIT
- Works with
- claude-code, codex, copilot, cursor, pi
- Added
- 2026-11-05
- Last verified
- 2026-11-05 via git ls-remote (HEAD f24d98b05e)
- Found via
- github-search
Tags
Related
- Skill pack
Impeccable
A design vocabulary for coding agents: commands such as polish, bolder, critique and audit steer and review UI work. Installing it adds them to the project with npx impeccable install.