Agent skillsSkills para agentes
Diagram DesignDiagram Design
A skill that generates editorial diagrams in a single HTML file with SVGSkill que gera diagramas editoriais em um único arquivo HTML com SVG
What it isO que é
An agent skill that draws diagrams as a self-contained HTML + SVG file, using a brand's colors and fonts.
Skill de agente que desenha diagramas como um arquivo HTML + SVG autocontido, usando as cores e fontes de uma marca.
What it’s forPara que serve
Use it to produce diagrams for blogs, decks or documentation with an editorial finish instead of the default style.
Usar para produzir diagramas de blog, deck ou documentação com acabamento editorial em vez do estilo padrão.
BenefitsVantagens
- 45 diagram types (architecture, flow, sequence, ER, Gantt, Sankey, UML) with light and dark variants
- Pulls colors and fonts from a site to match the brand
- Imports and redraws draw.io, Mermaid and Excalidraw files; exports SVG and PNG
- Supports a motion mode and the reduced-motion preference
- 45 tipos de diagrama (arquitetura, fluxo, sequência, ER, Gantt, Sankey, UML) com variantes clara e escura
- Puxa cores e fontes de um site para casar com a marca
- Importa e redesenha arquivos draw.io, Mermaid e Excalidraw; exporta SVG e PNG
- Suporta modo de movimento e preferência por movimento reduzido
CaveatsRessalvas
- MIT license, free
- The default network request is to Google Fonts; system fonts avoid it
- Licença MIT, gratuito
- A requisição de rede padrão é do Google Fonts; fontes do sistema evitam isso
