mcpbeat

Nw Diagram

nwave-ai/nw-diagram

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

643 tokens
context cost
the whole folder, loaded on every use
1
files
instructions only
0
copies elsewhere
how many repositories repackaged it
588
stars on the repo
on the repository, not the skill itself

Install

one command, takes just this skill from the repository
npx skills add https://github.com/nWave-ai/nWave --skill nw-diagram

The instruction itself

9 sections, as written by the author

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

  • Read Context — Load docs/product/architecture/brief.md. Extract component boundaries, technology stack, and design decisions. Gate: architecture brief loaded.
  • 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.
  • 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.
  • Validate Output — Verify diagrams render without syntax errors and files exist in output_directory. Gate: all success criteria pass.
  • 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}

How to use it

Copy the folder

Take nwave-ai/nw-diagram from the repository into ~/.claude/skills for personal use, or into .claude/skills inside a project.

Check the name does not clash

The agent identifies a skill by the name field in its header. Two skills with the same name cannot sit side by side — one of them will be ignored.