Communitygithub.com

cocoon-ai/architecture-diagram

洗練されたダークテーマのアーキテクチャ図を、自己完結型のHTML+SVGファイルとして作成します。システム、インフラ、クラウド、セキュリティ、ネットワークトポロジ図の要求時に使用します。

architecture-diagram とは?

このスキルは、ユーザーがシステムアーキテクチャ、インフラ、クラウド環境、セキュリティ、ネットワークトポロジなどの図を要求した際に、プロフェッショナルでダークテーマのアーキテクチャ図を生成します。生成される図は自己完結型のHTML+SVGファイルとして出力されるため、追加のツールやライブラリを必要とせず、ブラウザで直接開いて表示・共有できます。主にClaude Codeや類似のAIエージェント環境で動作し、コード生成を通じて図を作成するため、ユーザーは素早く視覚的なドキュメントを得られます。このスキルは、特にダークテーマを好む開発者や、システム設計のプレゼンテーション資料を迅速に作成したい場合に有用です。

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

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

architecture-diagram は何をしますか?

洗練されたダークテーマのアーキテクチャ図を、自己完結型のHTML+SVGファイルとして作成します。ユーザーがシステム、インフラ、クラウド、セキュリティ、またはネットワークトポロジ図を要求した場合に使用してください。

関連スキル