Communitygithub.com

cloudy-liu/cloudy-tech-diagrams-skill

Habilidade de agente de IA para criar diagramas técnicos acolhedores em HTML e SVG.

O que é cloudy-tech-diagrams-skill?

Esta habilidade permite que agentes de IA (como Claude Code, Cursor ou Codex) gerem diagramas técnicos em formato HTML e SVG com um estilo visual acolhedor e personalizado. Útil para desenvolvedores que precisam visualizar arquiteturas de software, fluxos de dados ou estruturas de sistemas de forma integrada a documentações e apresentações. Suporta qualquer plataforma que siga o formato de pacote de habilidades, carregando instruções e exemplos a partir de seu SKILL.md. Ao invocar a habilidade, o agente recebe diretrizes para criar diagramas com cores suaves, cantos arredondados e tipografia legível, resultando em artefatos prontos para incorporação em páginas web ou exportação como SVG.

Funciona com~Claude Code~Codex CLI~Cursor
npx skills add cloudy-liu/cloudy-tech-diagrams-skill

Perguntar na sua IA favorita

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

Documentação

O que cloudy-tech-diagrams-skill faz?

Habilidade de agente de IA para criar diagramas técnicos acolhedores em HTML e SVG.

Habilidades Relacionadas