AR

architecture-blueprint

Automatically documents system architecture, generating diagrams and dependency maps for any codebase.

Install

mkdir -p .claude/skills/architecture-blueprint && curl -L -o skill.zip "https://agentskills.codes/api/skills/download/15014" && unzip -o skill.zip -d .claude/skills/architecture-blueprint && rm skill.zip

Installs to .claude/skills/architecture-blueprint

Activation

This is the description your AI agent reads to decide when to run this skill — the better it matches your request, the more reliably it fires.

Comprehensive project architecture blueprint generator. Use when: generate architecture docs, create architectural blueprint, analyze codebase architecture, document tech stack, create Mermaid diagrams, map component dependencies, document API surface, detect architectural patterns, reverse-engineer architecture, produce system design docs, visualize codebase structure, generate architecture.md
397 chars✓ has a “when” triggerlonger than Claude Code's old 250-char listing cap (fine on current versions)
Advanced

Key capabilities

  • Scan repository for language, framework, and dependencies
  • Classify project streams (Frontend, Backend, Data)
  • Delegate deep analysis to specialist sub-agents
  • Synthesize sub-agent reports into a cross-stream view
  • Generate Mermaid diagrams for system, components, and sequences

How it works

This skill scans a repository to identify technologies and streams, then delegates detailed analysis to sub-agents, synthesizes their reports, and generates various Mermaid diagrams into an architecture blueprint.

Inputs & outputs

You give it
A repository path or subdirectory to analyze
You get back
A complete `docs/architecture.md` blueprint with Mermaid diagrams

When to use architecture-blueprint

  • Onboarding to new codebases
  • Documenting system architecture
  • Visualizing dependency structures
  • Preparing for architecture reviews
  • Analyzing tech stacks

About this skill

Architecture Blueprint Generator

Produces a comprehensive docs/architecture.md for any codebase by detecting technology stacks, classifying streams (Frontend / Backend / Data), delegating deep analysis to specialist sub-agents, and synthesizing the results into a unified, diagram-rich blueprint.

When to Use

  • On-boarding a new codebase — get a full picture fast
  • Before a refactor — document current state as the baseline
  • For new team members — generate human-readable system docs
  • Before adding a new stream (e.g., adding a frontend to an API-only repo)
  • Architecture review prep — produce diagrams and dependency maps

Procedure

Step 1 — Discover

Scan the repository root:

  1. Read package.json, pyproject.toml, go.mod, pom.xml, Cargo.toml, or composer.json to identify language, framework, and key dependencies
  2. List top-level directories — note any that match stream signals (see stack-patterns.md)
  3. Check for monorepo markers: pnpm-workspace.yaml, nx.json, turbo.json, lerna.json, packages/, apps/
  4. Read .env.example or config/ to identify external services (DB, cache, queue, CDN)
  5. Note CI/CD files (.github/workflows/, Dockerfile, docker-compose.yml) for deployment topology hints

Step 2 — Classify Streams

Using signals from stack-patterns.md, determine which streams are present:

StreamDelegate Sub-agentPrimary Path Signal
Frontendfrontend-analystsrc/, client/, components/, pages/, app/
Backendbackend-analystserver/, api/, controllers/, routes/, services/
Datadata-analystmodels/, migrations/, db/, schema/, pipelines/

For monorepos, classify each workspace package independently and run sub-agents per package.

Step 3 — Delegate to Sub-agents

Invoke each detected sub-agent with its scoped path. Pass:

  • The root path to analyze
  • The stream type
  • Any detected framework name (e.g., "React 18", "NestJS", "Django")

Collect the structured report from each sub-agent before proceeding.

Error handling: If a sub-agent returns an empty report or fails, do NOT abort the whole analysis. Record the failure, continue with the remaining sub-agents, and include a > ⚠️ Warning note in the relevant section of the output file.

Step 4 — Synthesize

Using the sub-agent reports, build the cross-stream view:

  1. Identify the Frontend ↔ Backend contract: REST, GraphQL, tRPC, WebSocket, or SSR
  2. Identify the Backend ↔ Data contract: ORM, query builder, raw SQL, event sourcing
  3. Find shared types/schemas that cross stream boundaries
  4. Trace the end-to-end auth flow: login UI → API auth → session/token storage
  5. List cross-cutting infrastructure: logging, observability, feature flags, CDN, queue

Step 5 — Generate Diagrams

Produce Mermaid diagrams at the appropriate scope:

  • System diagram: all streams as subgraphs with cross-stream contracts
  • Component diagrams: per-stream (from sub-agent reports)
  • Sequence diagram: one representative end-to-end flow (e.g., user login or core feature)
  • ER diagram: if a Data stream was found (from data-analyst report)
  • Dependency map: inter-module and inter-service edges; flag circular dependencies

Step 6 — Write Output

Save the final blueprint to docs/architecture.md using the structure in architecture-template.md.

If docs/ does not exist, create it. Confirm the file path to the user when done.

Error handling: If the file cannot be written (permissions, read-only workspace), print the full blueprint content to the conversation as a fallback so the user does not lose the output.

Quality Checklist

Before finishing, verify:

  • All detected streams are covered (no stream silently skipped)
  • Every diagram compiles — verify Mermaid syntax (no unclosed brackets, valid node IDs)
  • API table has at least one row per router/controller file found
  • No speculation — every claim in the doc traces to a file read during analysis
  • Cross-stream contracts section is present if more than one stream was detected
  • Output saved to docs/architecture.md (or acknowledged as inline per user request)
  • Any sub-agent failures are documented with a ⚠️ Warning note in the output
  • If no streams were detected, the user was notified and analysis was not silently aborted
  • If output write failed, the blueprint was printed to the conversation as a fallback

When not to use it

  • When only a specific stream analysis is needed
  • When only generating a single diagram type

Limitations

  • This skill produces a complete `docs/architecture.md` for any codebase
  • This skill detects technology stacks, classifies streams, delegates deep analysis to specialist sub-agents
  • This skill synthesizes the results into a unified, diagram-rich blueprint

How it compares

This skill provides a complete, automated architecture blueprint by integrating multiple analysis steps and diagram generation, offering a holistic view of the codebase unlike manual documentation efforts.

Compared to similar skills

architecture-blueprint side by side with the closest alternatives in the catalog.

SkillInstallsUpdatedSafetyDifficulty
architecture-blueprint (this skill)05moReviewAdvanced
c4-container14moNo flagsIntermediate
c4-architecture-documentation05moNo flagsIntermediate
mermaid-diagrams86moNo flagsBeginner

Try saying

Example prompts that trigger this skill in your AI assistant.

You might also like

c4-container

sickn33

Expert C4 Container-level documentation specialist. Synthesizes Component-level documentation into Container-level architecture, mapping components to deployment units, documenting container interfaces as APIs, and creating container diagrams. Use when synthesizing components into deployment containers and documenting system deployment architecture.

11

c4-architecture-documentation

Hack23

Document system architecture using C4 model with context, container, component views and Mermaid diagrams

00

mermaid-diagrams

davila7

Comprehensive guide for creating software diagrams using Mermaid syntax. Use when users need to create, visualize, or document software through diagrams including class diagrams (domain modeling, object-oriented design), sequence diagrams (application flows, API interactions, code execution), flowcharts (processes, algorithms, user journeys), entity relationship diagrams (database schemas), C4 architecture diagrams (system context, containers, components), state diagrams, git graphs, pie charts, gantt charts, or any other diagram type. Triggers include requests to "diagram", "visualize", "model", "map out", "show the flow", or when explaining system architecture, database design, code structure, or user/application flows.

827

c4

me2resh

Generate C4 L1 (Context) + L2 (Container) Mermaid diagrams from a project's codebase. Structurizr DSL escape hatch (--dsl) for L3+ component precision.

00

project-planner

adrianpuiu

Comprehensive project planning and documentation generator for software projects. Creates structured requirements documents, system design documents, and task breakdown plans with implementation tracking. Use when starting a new project, defining specifications, creating technical designs, or breaking down complex systems into implementable tasks. Supports user story format, acceptance criteria, component design, API specifications, and hierarchical task decomposition with requirement traceability.

32115

system-design

lagz0ne

Use when designing, architecting, or planning a new system from requirements or ideas - transforms concepts into navigable design catalog using EventStorming methodology, Mermaid diagrams, and progressive elaboration through 5 phases (Requirements, Big Picture, Processes, Data/Flows, Integration)

19108

Search skills

Search the agent skills registry