cathrynlavery/diagram-design
Editorial diagram design for Claude Code, Codex, GitHub Copilot, Cursor, Factory Droid, and Pi. 44 diagram types. Self-contained HTML + SVG. No shadows. No Mermaid slop.
Older snapshot: check the original source for current information.
From the publisher
README & documentation
Source previewRead the project’s overview, installation instructions and usage examples. The original README is the source of truth.
An agent skill that draws diagrams as one self-contained HTML + SVG file, in your brand.45 diagram types. No shadows. No Mermaid slop. [](https://github.com/cathrynlavery/diagram-design/stargazers) [](https://skills.sh/cathrynlavery/diagram-design/diagram-design) [](https://github.com/cathrynlavery/diagram-design/actions/workflows/ci.yml) [](CHANGELOG.md) [](LICENSE) Website · Gallery · Changelog Install · What it makes · Quickstart · Match your brand · Import · Export · Contributing npx skills add cathrynlavery/diagram-design Ask your agent in plain words: The agent picks the type, states its plan, and writes one .html file you can open by double-clicking. Works with any host that reads Agent Skills, including Cursor, Claude Code, Codex, Qoder, GitHub Copilot, Gemini CLI, Cline, Windsurf and Amp: In Claude Code, the plugin marketplace gets you updates and the slash commands: Official builds come only from this repository. LittleMight, Cathryn Lavery's company, publishes the plugin directory listings; a listing under any other name is an unofficial copy. PRIVACY.md lists what the skill sends over the network. Claude Code:…
Read the full README ↗ · Preview checked 2026-10-31T11:52:22.549Z
Inside the original README — Document outline
- Install
- How it compares
- Why I built it
- What it makes
- Onboarding: make it look like your brand
- The flow
- What gets extracted
- Contrast checks happen automatically
- Accessible by default
- Offline fonts
- Manual override
- First-run gate
Headings are captured from the source. Links open the publisher’s document, not a locally hosted copy.
Links from the README
References supplied by the publisher, not independently verified endorsements. Check the destination before downloading files or entering credentials.
Documentation belongs to its respective authors. Reported project/model license: MIT. A listing is not a grant of reuse or training rights. Confirm the document’s own terms at the source.
What this repository does
Editorial diagram design for Claude Code, Codex, GitHub Copilot, Cursor, Factory Droid, and Pi. 44 diagram types. Self-contained HTML + SVG. No shadows. No Mermaid slop.
Repository facts
- Owner
- cathrynlavery
- Primary language
- HTML
- Stars
- 58,760
- Forks
- 3,776
- Open issues + pull requests
- 40
- License
- MIT
- Archived
- No
- Default branch
- main
- Created
- 2026-04-16T18:01:16.000Z
- Last push
- 2026-09-15T20:39:25.000Z
Topics and intended use
Owner-supplied topics: agent-skills, claude-code, codex, data-visualization, diagrams, drawio, mermaid, svg
Review the README for scope, installation, examples and limitations. We do not run repository code or certify it.
Evaluate before installing
Review licensing and dependencies, inspect recent commits and unresolved issues, and test in an isolated environment before production use. Stars and forks alone cannot answer these questions.
Source and freshness
Source: GitHub. Metadata observed 2026-10-20T12:09:41.517Z. Daily imports are snapshots, not real-time monitoring.
Popularity and source listings do not establish security, suitability, licensing rights or benchmark performance.