Communitygithub.com

cocoon-ai/architecture-diagram

创建精美的深色主题架构图,生成自包含的HTML+SVG文件。适用于用户要求绘制系统、基础设施、云、安全或网络拓扑图时使用。

architecture-diagram 是什么?

这是一个AI代理技能,用于生成专业且精美的深色主题架构图,输出格式为自包含的HTML+SVG文件。该技能特别适合绘制系统架构、基础设施、云服务、安全架构或网络拓扑图。它支持多种AI代理平台,如Claude Code、Cursor、Codex等,能够根据用户需求快速生成可直接查看和交互的架构图HTML文件。技能工作流程包括理解用户需求、生成对应的HTML+SVG代码并保存为独立文件。由于采用深色主题,图表在视觉上更加专业和统一,适合技术文档、演示或架构评审。该技能无需外部依赖,生成的文件可离线使用,方便分享和嵌入。

兼容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/cocoon-ai/architecture-diagram-generator/tree/main/skills/architecture-diagram

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

architecture-diagram 是做什么的?

创建精美的深色主题架构图,生成自包含的HTML+SVG文件。适用于用户要求绘制系统、基础设施、云、安全或网络拓扑图时使用。

相关技能