Diagram Design: HTML diagrams for agents
Diagram Design is an agent skill that draws each diagram as one self-contained HTML and SVG file. The README lists 45 types.
Key features
- Draws each diagram as one self-contained HTML and SVG file
- Covers 45 diagram types the agent selects from a request
- Pulls a site's colors and fonts so later diagrams match
- Imports Mermaid and exports diagrams through agent commands
- Installs on Claude Code, Codex, Copilot, Cursor, and other hosts
- Category
- Trending Repos
- Who it's for
- People using coding agents who want diagrams from plain-language requests.
- Tags
- githubcathrynlaveryhostingwhiteboardfonts-icons
- Website
- github.com
- Listed
- 2026-10-12
Frequently asked questions
Is cathrynlavery/diagram-design free?
Yes. cathrynlavery/diagram-design is open source and free to use.
What is cathrynlavery/diagram-design used for?
Agent skill that draws each diagram as one self-contained HTML and SVG file. The README lists 45 types. Typical uses: draws each diagram as one self-contained HTML and SVG file; covers 45 diagram types the agent selects from a request; pulls a site's colors and fonts so later diagrams match.
Related in Trending Repos
See all →- addyosmani/agent-skills Engineering skills for AI coding agents, from Addy Osmani.
- anthropics/knowledge-work-plugins Open source plugins for knowledge workers to use in Claude Cowork.
- aquasecurity/trivy Scanner for vulnerabilities, misconfigurations, and secrets.
- AtomicBot-ai/atomic-agent Local-first AI agent that runs open-weight models via llama.cpp.
- axios/axios Promise-based HTTP client for the browser and Node.js.
- bevyengine/bevy Data-driven game engine written in Rust.