アーキテクチャ図向けの Agent Skills
アーキテクチャ図のスキルは成果物を生み出します。選んだズームレベルでのシステムの図です。ここではズームレベルがサブトピックです。システムコンテキストは、システムを人々や他のシステムの中の1つの箱として示します。コンテナは、個別に実行可能な部分（アプリ、データベース、キュー）を示します。コンポーネントは、1つのコンテナの内部、主要なモジュールとその責務を示します。コードレベルの図は、コンポーネントが本当に複雑なときだけ構造にズームインします。ランタイム図とシーケンス図は、リクエストやイベントが実際に各部分をどう流れるかを示します。デプロイ図は、それらの部分がどこで動くか（リージョン、クラスタ、ネットワーク）を示します。ランク付けされたリストは、まず必要なズームレベルを選び、それに合うスキルを選んで使ってください。複数のレベルが必要なら、複数のスキルを使うことになると想定してください。
8 件から開始22 件のおすすめ候補
まずはこちらから。
Architecture diagrams work at zoom levels: the system in its world, the running pieces, the internals of one piece, then how they talk and where they deploy.
関連性の高い結果です。Skill の説明を読み、目的に合うか確認してください。
- 順位 01Agent Skill を見る直接一致
archify
注目洗練され検証済みのアーキテクチャ、ワークフロー、シーケンス、データフロー、ライフサイクル/状態図を、探索可能なスタンドアロンHTMLとしてインラインSVG付きで作成。ダーク/ライトテーマ、任意のトレースモーション、PNG/JPEG/WebP/SVG/WebMエクスポートに対応。平易な要件記述や、貼り付けたMermaidのflowchart、sequenceDiagram、stateDiagram入力を受け付け、図が実際のコードを反映すべき場合はリポジトリのエビデンスを調査。システムアーキテクチャ、インフラ、クラウド/セキュリティ/ネットワークトポロジ、技術ワークフロー、API呼び出しシーケンス、リクエストライフサイクル、データパイプライン、ETL/ELT、データリネージ、状態機械の可視化、またはMermaidの変換/整形をユーザーが求めたときに使用。
- 順位 02Agent Skill を見る直接一致
drawio-skill
注目編集可能なdraw.io図の作成、編集、同期、検査、テスト、公開を行う。ユーザーが明示的にdraw.io/diagrams.netを要求した場合、洗練されたアーキテクチャ、ERD、UML、シーケンス、C4、SysML、BPMN、ネットワーク、スイムレーン、ML、インフラ図を必要とする場合、コード/IaC/SQL/OpenAPIを図に変換したい場合、既存の図を照会、レビュー、差分、再スタイル、同期維持、インタラクティブ化したい場合に使用。要求された成果物が編集可能なdraw.ioファイルではなくdiagrams-as-codeである場合は、他ではMermaid/PlantUMLを優先する。
- 順位 03Agent Skill を見る直接一致
drawio
YAMLファーストのオフラインワークフローでdraw.io図を作成、編集、エクスポートする。アーキテクチャ、ネットワークトポロジ、フローチャート、UML/ER、Mermaid/CSV変換を網羅。
8,191 · 人気度 - 順位 04Agent Skill を見る直接一致
diagram-design
注目ブランドに沿ったアーキテクチャ、IT現状、フローチャート、シーケンス、ステートマシン、ER／データモデル、タイムライン、スイムレーン、クアドラント、レーダー／スパイダー、ポーラーチャート（polar/radial lollipop）、ループ／フライホイール、ネスト、ツリー、組織図、レイヤースタック、Venn、ピラミッド／ファネル、ツリーマップ、棒、ウォーターフォール、折れ線、ガント、散布図を、ハイレベル、プロセス、メダリオン、データフロー、DP統合、DPセキュリティマトリクス、Sankey、フィッシュボーン、Wardleyマップ、カンバン、ユーザージャーニー、デプロイ、依存関係グラフ、UMLクラス、ストーリーマップ、データベーススキーマの図として、単体のHTML／SVG／PNGで作成。.drawio／.drawio.png／.drawio.svg、Mermaid .mmd、Excalidraw .excalidrawのソースを指定のサイズ／詳細度で再描画。ウェブサイトからブランドトークンを取り込み。セマンティックパターン、コールアウト、アクセシブルなモーション、スケッチ／手描き風スタイルを追加。
- 順位 05Agent Skill を見る直接一致
baoyu-diagram
アーキテクチャ、フローチャート、シーケンス、構造、マインドマップ、データフローなどあらゆる種類のプロフェッショナルなダークテーマのSVG図を、単体のSVGファイルとして作成する。
14,820 · 人気度 - 順位 06Agent Skill を見る直接一致
azure-resource-visualizer
公式Azure リソースグループを分析し、個々のリソース間の関係を示す詳細な Mermaid アーキテクチャ図を生成する。WHEN: アーキテクチャ図の作成、Azure リソースの可視化、リソース関係の表示、Mermaid 図の生成、リソースグループの分析、リソースの図解、アーキテクチャの可視化、リソーストポロジ、Azure インフラのマッピング。
- 順位 07Agent Skill を見る直接一致
design-doc-mermaid
テキストまたはソースコードから Mermaid 図（フローチャート、シーケンス、クラス、ER、状態、C4、アーキテクチャ）を作成し、アーキテクチャ図とデプロイ図のガイドを備える。
66,434 · 人気度 - 順位 08Agent Skill を見る直接一致
excalidraw-diagram
視覚的な主張を伝える Excalidraw 図の JSON ファイルを作成し、ワークフロー、アーキテクチャ、概念を可視化します。
8,236 · 人気度
ほか 14 件の Agent Skills を表示
- 順位 09Agent Skill を見る直接一致
google-cloud-solution-architecture
公式>- 要件を対話的に発見し、Google Cloud上の複雑なワークロード向けに、全体的でマルチプロダクトなシステムアーキテクチャ、ソリューション設計図、デプロイ推奨を設計。エンドツーエンドのクラウドソリューション設計、Google Cloudサービスの選定と統合、アーキテクチャ図の生成、新規クラウドワークロードや移行の要件発見を行う場合に使用。単一プロダクトのタスク（プロダクト固有のSkillを使用）、初期オンボーディングや認証（google-cloud-recipe-*を使用）、Well-Architected Frameworkのレビューや監査（google-cloud-waf-*を使用）、専門ソリューションSkillが対象とするワークロードには使用しない。
- 順位 10Agent Skill を見る直接一致
excalidraw-diagram-generator
自然言語からExcalidraw図を生成し、フローチャート、関係図、マインドマップ、システムアーキテクチャ図を.excalidraw JSONとしてサポートします。
30,850 · 人気度 - 順位 11Agent Skill を見る直接一致
architecture-designer
高レベルのシステムアーキテクチャを設計し、アーキテクチャ図（Mermaid）を作成し、ADRを書き、技術のトレードオフを評価。
7,237 · 人気度 - 順位 12Agent Skill を見る直接一致
architecture-blueprint-generator
コードベースを分析し、視覚的な図（C4、UML、フロー、コンポーネント）を備えたアーキテクチャドキュメントを作成し、技術スタックとパターンを検出します。
12,083 · 人気度 - 順位 13Agent Skill を見る直接一致
plantuml-ascii
PlantUMLテキストモードを使ったASCIIアート図を生成。シーケンス図、クラス図、コンポーネント図、配置図、アクティビティ図をサポート。
9,676 · 人気度 - 順位 14Agent Skill を見る直接一致
external-diagram-mermaid-generate
MermaidとASCIIフォールバックを使ったSalesforceアーキテクチャ図を生成。OAuthフロー、ERD、統合シーケンス、システムランドスケープを網羅。
5,326 · 人気度 - 順位 15Agent Skill を見る一致の可能性
diagramming-processes
ArchiMateとPlantUML記法を用いたdiagrams-as-sourceで、ビジネスプロセス、ワークフロー、ライフサイクル、システム相互作用を図式化する。
12,136 · 人気度 - 順位 16Agent Skill を見る一致の可能性
agentforce-architecture-analyze
設計時のメタデータから、Agentforce エージェントの人間が読めるアーキテクチャドキュメントと Mermaid 呼び出しグラフをレンダリングします。
5,613 · 人気度 - 順位 17Agent Skill を見る一致の可能性
technology-stack-blueprint-generator
コードベースを分析し、バージョン情報、パターン、任意のアーキテクチャ図を備えた技術スタックのブループリントを作成します。
8,999 · 人気度 - 順位 18Agent Skill を見る一致の可能性
google-cloud-solution-rag-enterprise-search-gke-sqldb
公式>- 要件を発見し、Google Cloud における retrieval-augmented generation（RAG）対応のエンタープライズ検索システムのアーキテクチャ、設計、デプロイに関するガイダンスを生成する。ユーザーが、埋め込みベクトルのストアとインデックスとしてベクトル対応 SQL データベース、オープンモデルとオープンソース推論フレームワーク、すべてのアプリケーションコンポーネントをホストする Kubernetes コンテナを必要とする場合に使用。完全マネージドの RAG、SaaS 検索サービス、または非 SQL ベクトルデータベースが必要な場合にはこのスキルを使用しないこと。
- 順位 19Agent Skill を見る一致の可能性
show-me
簡潔な図、コード形状のスケッチ、Mermaidを含む焦点を絞ったHTMLアーティファクトで、ユーザーがトピックを視覚的に理解できるよう支援する。
26,900 · 人気度 - 順位 20Agent Skill を見る一致の可能性
wiki-page-writer
公式ダークモードのMermaid図、ソースコード引用、第一原理の深さを備えたリッチな技術ドキュメントページを生成します。ドキュメント作成、wikiページ生成、技術的深掘り、特定コンポーネントやシステムの文書化に使用します。
- 順位 21Agent Skill を見る一致の可能性
lavish
複雑なAgentの応答を、図や表を含むレビュー可能なリッチなHTMLアーティファクトに変換。
20,620 · 人気度 - 順位 22Agent Skill を見る一致の可能性
manim-video
技術的概念、グラフ、システム図のためのManimアニメーション解説動画を構築します。
8,094 · 人気度
このトピックの内容
各サブトピックは、特定の状況に合う Agent Skills をまとめたものです。
- System context
- The system as one box among people and other systems.
- Containers
- The separately runnable pieces: apps, databases, queues.
- Components
- The internals of one container: major modules and their responsibilities.
- Code-level
- Zoomed-in structure used only when a component is genuinely complex.
- Runtime & sequence
- How a request or event actually moves through the pieces.
- Deployment
- Where those pieces run: regions, clusters, networks.
よくある質問
- どのズームレベルから始めるべきか？
- システムコンテキストから始めてください。そこではシステムは人や他のシステムの中の1つの箱です。次にコンテナ、そしてコンポーネントへ下り、コンポーネントが本当に複雑な場合にのみコードレベルへ進んでください。ランタイム図、シーケンス図、デプロイ図は異なる問いに答えます。物事がどう動くか、そしてどこで動くかです。
- このリストはどのように並べられていますか？
- リストは観測された検索需要でランク付けされ、トピックへの直接一致が先に置かれ、1つの発行元には上限があります。これによりリスト上部が開発者の実際の探し物と揃います。
- 1つのスキルで複数のズームレベルをカバーできますか？
- サブトピックは異なるズームレベルであり、スキルはそれが一致するレベルに対してリストされます。あなたの作業がコンテキスト、コンテナ、デプロイメントにまたがるなら、1つのスキルですべてをこなすのではなく、レベルごとに1つのスキルを使う計画を立てましょう。
- すべてのコンテナとコンポーネントに図が必要ですか？
- いいえ。コンテナは個別に実行可能な部分をカバーし、コンポーネントは1つのコンテナの内部をカバーします。コードレベルの図は本当に複雑なコンポーネントにのみ使い、構造が明らかな場合は省略してください。
Agent Skill のインストール方法
Agent Skills は SKILL.md ファイルです。適切な skills ディレクトリに置くと、多くのエージェントが自動で認識します。
- Claude Code — copy the SKILL.md for archify into ~/.claude/skills/archify/ for yourself, or .claude/skills/archify/ to share it with a project.
- From the registry — run npx skills add tt-a1i/archify@archify.
- Or download archify from its source and place that SKILL.md in the directory above.
選び方 インストール前に出典と Skill 自身の説明を確認してください。Official と Notable は出所を示すラベルです。