# diagram-design

> Cria diagramas em HTML com SVG e estilo editorial: arquitetura, fluxo, sequência, linha do tempo, organograma e mais.

- Autor: Cathryn Lavery
- Categoria: Design e web
- Funciona com: Claude Code, Codex, Cursor, Gemini CLI, OpenCode, Hermes
- Licença: MIT
- Popularidade: 63.291 estrelas no GitHub, 22.585 instalações (fonte: https://www.skills.sh/cathrynlavery/diagram-design/diagram-design)
- Conferida em 31/10/2026; repositório atualizado em 27/10/2026

## 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
```

## Antes de instalar

- Scripts: Traz scripts que rodam no seu computador.
- Licença: MIT

## Fontes

- Repositório: https://github.com/cathrynlavery/diagram-design
- SKILL.md: https://github.com/cathrynlavery/diagram-design/blob/main/skills/diagram-design/SKILL.md
- Popularidade: https://www.skills.sh/cathrynlavery/diagram-design/diagram-design
- Página: https://needmorecontext.com/skills/diagram-design/

---

Diretório completo: https://needmorecontext.com/skills.md
llms.txt: https://needmorecontext.com/llms.txt