Agent Skill · cathrynlavery/diagram-design

diagram-design

Creates branded editorial diagrams in self-contained HTML with inline SVG/CSS, choosing among 39 visual types and optional semantic patterns.

Parent repository GitHub

Type: Agent Skill
Repository: cathrynlavery/diagram-design
Readiness: Usable for diagram generation with strong repository-authored checks, but output quality, host compatibility, and security claims were not independently verified from executed tests.
Keywords: 7

Location

Repository path

skills/diagram-design/SKILL.md

Invocation

Ask for a supported diagram, such as “Make an architecture diagram of my app.”

Setup

Installation / activation

Loads when a diagram request matches; can also be installed by symlinking the skill directory.

Keywords

skillhtmlsvgarchitectureflowcharteditorial39-types

Repository context

cathrynlavery/diagram-design

MIT-licensed Claude Code plugin and portable Agent Skill for producing 39 opinionated editorial diagram types as self-contained HTML with inline SVG, importing draw.io and Mermaid structure for redrawing, applying brand profiles, optionally adding accessible motion, and exporting diagram-only SVG or PNG through documented supporting workflows.

diagrammingdata visualizationtechnical communicationarchitecture documentationproduct designeditorial designaccessibilitybrand systems

Open full repository research