skills.rest
cathrynlaverycathrynlaveryCommunity·1 Agent Skills Included

diagram-design

Generate 39 branded, editorial-quality diagrams as standalone HTML and SVG

Generates 39 types of professional diagrams, from architecture and flowcharts to Gantt charts and Wardley maps, as self-contained HTML and SVG files. Eliminates generic AI-looking visuals, manual Figma work, and messy Mermaid output by applying a strict editorial design system. Matches your brand automatically by reading your website, and redraws existing draw.io or Mermaid files at any size or detail level.
3,739|272
↗
npx skills add cathrynlavery/diagram-design --all -g -y

All Skills in This Repository (1)

Pure Emerald Level Indicators
📦 In Repo
cathrynlaverycathrynlavery

diagram-design

Create standalone HTML diagrams with inline SVG and CSS.

Community
Advanced

Frequently Asked Questions

FAQPage Schema
How to install diagram-design?▼

Run `npx skills add cathrynlavery/diagram-design --all -g -y` in your terminal to install the full skill globally.

What kinds of diagrams can AI generate with this skill?▼

It produces 39 visual types including architecture, flowcharts, ER models, timelines, Sankey, fishbone, kanban, user journeys, and database schemas, all as clean HTML/SVG files.

Can it match my company's brand style?▼

Yes. It reads your website URL or design tokens to extract your brand colors and fonts, then applies them to every diagram it creates.

Can it convert Mermaid or draw.io diagrams?▼

Yes. It redraws Mermaid and draw.io sources as polished editorial diagrams at your chosen format, size, and detail level.

Does diagram-design work with Claude Code and Codex?▼

Yes. It follows the standard SKILL.md format and runs in Claude Code, Codex, Factory Droid, and other compatible AI agents.

Related Repositories in Design & Creative

View All in Design & Creative→
nextlevelbuildernextlevelbuilder
123.5k

ui-ux-pro-max-skill

AI design intelligence for professional UI, brands, and presentations

Official📦 13 Skills
shadcn-uishadcn-ui
122.7k

ui

Build and customize beautiful React component libraries with AI

Official📦 2 Skills
nexu-ionexu-io
93.2k

open-design

Open-source AI design studio for decks, prototypes, images, and video

Official📦 394 Skills