@cathrynlavery/diagram-design

Create technical and product diagrams — architecture, flowchart, sequence, state machine, ER / data model, timeline, swimlane, quadrant, nested, tree, org chart, layer stack, venn, pyramid — as standalone HTML files with inline SVG. Ships with a neutral editorial skin and a first-run gate that prompts users to customize the style guide (colors, fonts) from their own website before generating. Includes annotation-callout primitive and optional sketchy variant.

View in AI SkillSafe app
6 scan findings
0 downloads
0 stars
0 demos
SKILL.md

Embed badges

Add these to your README to show the skill's verification status.

SkillSafe verified badge
Verified badge
[![SkillSafe verified badge](https://api.skillsafe.ai/v1/badge/@cathrynlavery/diagram-design/verified)](https://skillsafe.ai/skill/@cathrynlavery/diagram-design/)
Installs badge
Installs badge
[![Installs badge](https://api.skillsafe.ai/v1/badge/@cathrynlavery/diagram-design/installs)](https://skillsafe.ai/skill/@cathrynlavery/diagram-design/)
Scan badge
Scan badge
[![Scan badge](https://api.skillsafe.ai/v1/badge/@cathrynlavery/diagram-design/scan)](https://skillsafe.ai/skill/@cathrynlavery/diagram-design/)
Eval pass rate badge
Eval pass rate
[![Eval pass rate badge](https://api.skillsafe.ai/v1/badge/@cathrynlavery/diagram-design/eval)](https://skillsafe.ai/skill/@cathrynlavery/diagram-design/)