diagram-design
以下摘录自该仓库的 README(片段) · 在 GitHub 读完整 README →
Skill de Claude para crear diagramas como HTML autocontenido con SVG inline y un sistema de diseño editorial (v2.6, licencia MIT).
Qué incluye
- SKILL.md — instrucciones de la skill (punto de entrada)
- references/ — guías por tipo de diagrama (flowchart, sequence, Sankey, Gantt, ER, Wardley…), estilo, perfiles de marca, onboarding y exportación
- assets/ — plantillas y ejemplos HTML de cada tipo
- scripts/ — utilidades (self-check, export)
Cómo instalarla
**Claude.ai / app:** comprime la carpeta en un .zip y súbela en *Settings → Capabilities → Skills*.
**Claude Code:** copia la carpeta a ~/.claude/skills/diagram-design/ (o a .claude/skills/ del proyecto).
Primer uso
Antes del primer diagrama, la skill pide personalizar la guía de estilo (references/style-guide.md) o hacer onboarding con la web de la marca (references/onboarding.md).