prasidmitra/system-design-diagram

Habilidade do Claude Code para diagramas organizados de design de sistema (HTML+SVG) com exportação PNG.

O que é system-design-diagram?

Este skill do Claude Code permite criar diagramas de design de sistema bem organizados e visualmente claros, utilizando HTML e SVG, com a opção de exportação para PNG. Ele é projetado para ajudar desenvolvedores e arquitetos de software a documentar e comunicar arquiteturas de sistemas de forma eficiente diretamente no ambiente de desenvolvimento. Compatível com o Claude Code, o skill gera diagramas que podem ser facilmente compartilhados em documentações técnicas, apresentações ou relatórios. Ao automatizar a criação de diagramas a partir de descrições textuais, ele economiza tempo e garante consistência na representação de componentes, fluxos e relações entre sistemas.

Funciona com✓Claude Code~Codex CLI~Cursor
npx skills add prasidmitra/system-design-diagram

Installed? Explore more Programação e Desenvolvimento skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

Perguntar na sua IA favorita

Abre um novo chat com esta habilidade de agente já pré-carregada.

Documentação

O que system-design-diagram faz?

Habilidade do Claude Code para diagramas organizados de design de sistema (HTML+SVG) com exportação PNG.

Habilidades Relacionadas