Introdução
cathrynlavery/diagram-design é uma ferramenta de geração de diagramas feita sob medida para o Claude Code, oferecendo 29 tipos de diagramas com qualidade editorial. Ela utiliza HTML e SVG autocontidos, sem depender de bibliotecas externas, para produzir diagramas nítidos e profissionais, deixando de lado aquele resultado sombreado e bagunçado do Mermaid.
Principais Recursos
- 29 tipos de diagramas meticulosamente projetados, cobrindo fluxogramas, diagramas de arquitetura, diagramas de sequência e mais.
- HTML + SVG autocontidos, sem necessidade de instalar bibliotecas ou plugins extras.
- Integração perfeita com o Claude Code, permitindo a criação de diagramas por meio de linguagem natural.
- Saída limpa e sem sombras, atendendo a padrões de qualidade de nível editorial.
Destaques
- Preços: Não listados publicamente nas páginas que analisamos; consulte o site oficial para conhecer os planos atuais.
- Estrutura de custos: O projeto está hospedado como um repositório open-source (59.1k estrelas, 3.8k forks), com opção de apoio via GitHub Sponsors, o que sugere uso gratuito do próprio código.
- Recursos incluídos: Cobre 44 tipos de diagramas com saída autocontida em HTML + SVG, utilizável no Claude Code, Codex, GitHub Copilot, Cursor, Factory Droid e Pi.
- Sem limites medidos: Por ser uma ferramenta open-source, não há limites de uso declarados nem níveis de assinatura vinculados à geração de diagramas.
Para Quem É
Perfeito para desenvolvedores, redatores técnicos, arquitetos e qualquer pessoa que usa o Claude Code e precisa gerar diagramas de alta qualidade rapidamente. Seja para documentação interna, blogs técnicos ou apresentações para clientes, o diagram-design faz seus diagramas se destacarem.
