Communitygithub.com

cocoon-ai/architecture-diagram

建立精美深色主題的架構圖,輸出為自包含的 HTML+SVG 檔案。當使用者要求系統、基礎架構、雲端、安全性或網路拓撲圖時使用。

architecture-diagram 是什麼?

此技能用於建立深色主題的架構圖,並輸出為自包含的 HTML+SVG 檔案。其最適用的場景為:使用者要求系統圖、基礎架構圖、雲端架構圖、安全性圖或網路拓撲圖。此技能支援多種執行環境(如 Claude Code、Cursor、Codex 等),其工作方式是根據 SKILL.md 文件中的指示,自動生成包含內嵌 SVG 圖形的 HTML 檔案。這類檔案無需外部依賴即可在任何瀏覽器中開啟與檢視,便於分享與嵌入。此技能不僅能節省使用者手動繪圖的時間,還能確保圖表具有統一的視覺風格與高品質。

相容平台~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 檔案。當使用者要求系統、基礎架構、雲端、安全性或網路拓撲圖時使用。

相關技能