cdk-visualize
CDKコードを解析してAWSリソース構成図・Stack依存関係図・Constructツリーを生成し、cdk.out/visualization/に出力する。CDKプロジェクトの可視化を依頼されたときに使用すること。
소스 정보
- 저장소
- kasiopeiya/cdk-project-template
- 최근 소스 활동
- 2026년 3월 23일 05:56
- 감지된 SKILL.md 언어
- 일본어
- 스타
- 0
- 포크
- 0
설치 방법
기본적으로 소스를 먼저 확인하는 Prompt가 선택됩니다. 직접 명령으로 전환하거나 로컬 사본을 다운로드할 수도 있습니다.
소스 파일 검토
설치 여부를 결정하기 전에 SKILL.md와 SkillsMP에 표시된 보조 파일을 읽어 보세요.
파일 탐색기
3 개 파일SKILL.md 표시 중
SKILL.md
소스 지침 · 읽기 전용 미리보기- name
- cdk-visualize
- description
- CDKコードを解析してAWSリソース構成図・Stack依存関係図・Constructツリーを生成し、cdk.out/visualization/に出力する。CDKプロジェクトの可視化を依頼されたときに使用すること。
- context
- fork
- agent
- general-purpose
- disable-model-invocation
- true
CDKプロジェクトを解析し、以下の3種類の可視化ドキュメントを `cdk.out/visualization/` に生成してください。
## 解析手順
### 1. プロジェクト構造の把握
以下を順番に確認する:
1. `StackBuilder.ts` を探す(なければ `bin/*.ts`)→ 環境名とStack組み合わせを把握
2. `lib/` 配下の全Stackファイル(`*Stack.ts`, `*-stack.ts`)を読む
3. `cdk.out/tree.json` が存在すれば読む
4. `cdk.json` でプロジェクト設定を確認
### 2. 抽出する情報
- 各StackのAWSリソース一覧と相互接続(`grantRead/Write`, `addTrigger`, `addOrigin` 等)
- クロススタック参照(他Stackのプロパティを引数として受け取っている箇所)
- 環境ごとの差分(StackBuilder.tsや環境設定から)
### 3. 生成するファイル
| ファイル | 内容 |
|---------|------|
| `resource-{env}.drawio` | 環境別AWSリソース構成図(draw.io XML形式) |
| `stack-diagram.md` | Stack間依存関係(Mermaid classDiagram) |
| `construct-tree.md` | Constructツリー(Mermaid graph) |
| `README.md` | インデックス |
各ファイルのフォーマットは `references/diagram-formats.md` を参照すること。
## 出力ルール
- `cdk.out/visualization/` がなければ作成する(`cdk.out` ごと作成してよい)
- ARN・アカウントID等の機密情報は `{account-id}` 等のプレースホルダーに置換する
- tree.json が存在しない場合(cdk synth未実行)はコードから推定し、その旨をファイル内に明記する
- 生成完了後、生成したファイル一覧を報告する
GitHub에서 보기