Workflow · cathrynlavery/diagram-design
Brand Onboarding
Extracts palette and typography from a website, installed skill, local design-system folder, or pasted tokens, checks contrast, and proposes a style-guide update.
Location
Repository path
skills/diagram-design/references/onboarding.mdInvocation
“onboard diagram-design to https://yoursite.com”
Setup
Installation / activation
First-run style gate or an explicit onboarding request.
Keywords
onboardingbrandingcolorsfontswcagstyle-guide
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