本文へ移動
cccskills
無料GitHub で公開

nw-diagram

Generates C4 architecture diagrams (context, container, component) in Mermaid or PlantUML. Use when creating or updating architecture visualizations.

インストール方法を見る

含まれるファイル(1)

  • SKILL.md2.5 KB

SKILL.md(原文)

インストールする前に、エージェントに与えられる指示の中身を確認できます。

NW-DIAGRAM: Architecture Diagram Generation

Wave: CROSS_WAVE | Agent: Morgan (nw-solution-architect) | Command: *create-diagrams

Overview

Generate architecture diagrams from design documents. Supports C4 model levels (context|container|component) in Mermaid|PlantUML|C4 format. Audience-appropriate: high-level context for stakeholders|component details for developers|deployment topology for operations.

Context Files Required

  • docs/product/architecture/brief.md (SSOT — component boundaries, technology stack, design decisions)

Workflow

  1. Read Context — Load docs/product/architecture/brief.md. Extract component boundaries, technology stack, and design decisions. Gate: architecture brief loaded.
  2. Resolve Configuration — Determine diagram_type (component|deployment|sequence|data|context), format (mermaid|plantuml|c4), level (context|container|component), and output_directory. Gate: all configuration parameters resolved.
  3. Invoke Agent — Delegate to @nw-solution-architect with *create-diagrams for {architecture-component}, passing context files and resolved configuration. Gate: agent invoked with all parameters.
  4. Validate Output — Verify diagrams render without syntax errors and files exist in output_directory. Gate: all success criteria pass.
  5. Handoff — Return deliverables to invoking agent. Gate: architecture diagrams available in configured format.

Success Criteria

  • Diagrams accurately represent current architecture
  • Audience-appropriate detail level applied
  • Diagrams render without syntax errors
  • Output files created in configured directory

Next Wave

Handoff To: {invoking-agent-returns-to-workflow} Deliverables: Architecture diagrams in configured format

Examples

Example 1: Generate C4 container diagram

/nw-diagram payment-service --diagram_type=component --format=mermaid --level=container

Morgan reads architecture docs and produces a Mermaid container diagram showing service boundaries, data stores, and external integrations.

Expected Outputs

docs/product/architecture/
  system-context.{ext}
  component-architecture.{ext}
  deployment-architecture.{ext}

レビュー

まだレビューはありません。使ってみた感想をお寄せください。

同じリポジトリのスキル

概要と使いどころ

Review dimensions for validating agent quality - template compliance, safety, testing, and priority validation

日本語の概要は準備中です。原文の説明を表示しています。

nWave-ai/nWave6162026年9月16日 更新

Review dimensions for validating agent quality - template compliance, safety, testing, and priority validation

日本語の概要は準備中です。原文の説明を表示しています。

nWave-ai/nWave6162026年9月16日 更新

Review dimensions for acceptance test quality - happy path bias, GWT compliance, business language purity, coverage completeness, walking skeleton user-centricity, priority validation, observable behavior assertions, traceability coverage, and walking skeleton boundary proof

日本語の概要は準備中です。原文の説明を表示しています。

nWave-ai/nWave6162026年9月16日 更新

Detailed 5-phase workflow for creating agents - from requirements analysis through validation and iterative refinement

日本語の概要は準備中です。原文の説明を表示しています。

nWave-ai/nWave6162026年9月16日 更新

5-layer testing approach for agent validation including adversarial testing, security validation, and prompt injection resistance

日本語の概要は準備中です。原文の説明を表示しています。

nWave-ai/nWave6162026年9月16日 更新

Architectural style selection decision matrices, trade-off analysis, structural enforcement rules, and combination patterns. Load when choosing or evaluating architecture styles.

日本語の概要は準備中です。原文の説明を表示しています。

nWave-ai/nWave6162026年9月16日 更新

nWave-ai のスキルをすべて見る

このスキルの問題を報告する