diagram-design

O que faz

• 45 tipos visuais de diagrama
• Arquivo HTML único com SVG embutido
• Guia de estilo ajustável para a sua marca

Como instalar

• Claude Code

  npx skills add cathrynlavery/diagram-design

• Hermes

  hermes skills install skills-sh/cathrynlavery/diagram-design/diagram-design

O que é uma skill e como instalar

Prompt pro agente

Cole no seu agente (Claude, ChatGPT, Hermes, Codex ou outro) e ele instala a skill sozinho, depois de te contar o que ela faz.

Instale a skill diagram-design, de Cathryn Lavery.
Repositório: https://github.com/cathrynlavery/diagram-design
SKILL.md: https://github.com/cathrynlavery/diagram-design/blob/main/skills/diagram-design/SKILL.md
Comandos oficiais de instalação:
- Claude Code: npx skills add cathrynlavery/diagram-design
- Hermes: hermes skills install skills-sh/cathrynlavery/diagram-design/diagram-design
Se o seu agente não estiver nessa lista, use o jeito dele de instalar skills a partir do repositório.
Antes de instalar, leia o SKILL.md e me diga em poucas linhas o que a skill faz, quais scripts ela roda e se precisa de alguma conta, chave de API ou programa. Só instale depois que eu confirmar.

Funciona com

• Claude Code
• Codex
• Cursor
• Gemini CLI
• OpenCode
• Hermes

Antes de instalar

Scripts

Traz scripts que rodam no seu computador. Sempre peça para o seu agente verificar o código antes de instalar.

Licença

MIT

Fontes

• Repositório: github.com/cathrynlavery/diagram-design
• SKILL.md: ler o SKILL.md
• Popularidade: 63.291 estrelas no GitHub, 22.585 instalações (fonte: skills.sh)
• Conferida em 31/10/2026; repositório atualizado em 27/10/2026