Communitygithub.com

cocoon-ai/architecture-diagram

Crea diagramas de arquitectura pulidos con tema oscuro como archivos HTML+SVG autónomos. Útil cuando el usuario solicite diagramas de sistemas, infraestructura, nube, seguridad o topología de red.

¿Qué es architecture-diagram?

Esta habilidad, cocoon-ai/architecture-diagram, permite a un agente de IA generar diagramas de arquitectura de sistemas de alta calidad con un tema oscuro, exportables como archivos HTML+SVG autónomos (una sola página web que incluye el diagrama como SVG incrustado). Está diseñada para usuarios que necesitan visualizar diseños de sistemas, infraestructura en la nube, topologías de seguridad o redes. Al activarse (por ejemplo, cuando el usuario solicita explícitamente un diagrama de arquitectura), el agente produce el código HTML+SVG correspondiente, listo para ser guardado y visualizado en cualquier navegador. Es compatible con plataformas de agentes como Claude Code, Cursor o Codex, y aprovecha la capacidad del modelo para generar diagramas basados en descripciones textuales, eliminando la necesidad de herramientas externas de dibujo. La utilidad principal es ofrecer una representación visual clara y profesional de conceptos arquitectónicos complejos, facilitando la comunicación técnica.

Compatible con~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/cocoon-ai/architecture-diagram-generator/tree/main/skills/architecture-diagram

Preguntar en tu IA favorita

Abre un nuevo chat con esta habilidad de agente ya precargada.

Documentación

¿Qué hace architecture-diagram?

Crea diagramas de arquitectura con tema oscuro y pulidos como archivos HTML+SVG autónomos. Úsalo cuando el usuario solicite diagramas de sistemas, infraestructura, nube, seguridad o topología de red.

Skills relacionados