Communityコーディング&開発github.com

yulonghe97/draw-architecture

Claude スキル: 任意のシステムアーキテクチャをインタラクティブで探索可能なキャンバス図に変換します

draw-architecture とは?

このスキルは、Claude AIエージェントがテキストで記述されたシステムアーキテクチャの説明を、視覚的でインタラクティブなキャンバス図に自動変換する機能を提供します。システム設計の議論やドキュメント作成において、複雑なアーキテクチャを直感的に理解できる図として表現できるため、開発者間のコミュニケーションや設計レビューが効率化されます。主にClaude CodeやClaude DesktopなどのClaudeプラットフォーム上で動作し、ユーザーがアーキテクチャの説明を入力すると、適切な図要素(コンポーネント、接続、レイヤーなど)を自動生成し、ドラッグ&ドロップやズームイン・アウトが可能なインタラクティブなキャンバスとして表示します。これにより、静的な図では伝えきれないシステムの動的な側面やコンポーネント間の関係性をより深く理解することができます。

対応✓Claude Code~Codex CLI~Cursor
npx skills add yulonghe97/draw-architecture

Installed? Explore more コーディング&開発 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

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

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

ドキュメント

draw-architecture は何をしますか?

Claude スキル: 任意のシステムアーキテクチャをインタラクティブで探索可能なキャンバス図に変換します

関連スキル