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.zipInstalls 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.mdKey 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
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:
- Read
package.json,pyproject.toml,go.mod,pom.xml,Cargo.toml, orcomposer.jsonto identify language, framework, and key dependencies - List top-level directories — note any that match stream signals (see stack-patterns.md)
- Check for monorepo markers:
pnpm-workspace.yaml,nx.json,turbo.json,lerna.json,packages/,apps/ - Read
.env.exampleorconfig/to identify external services (DB, cache, queue, CDN) - 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:
| Stream | Delegate Sub-agent | Primary Path Signal |
|---|---|---|
| Frontend | frontend-analyst | src/, client/, components/, pages/, app/ |
| Backend | backend-analyst | server/, api/, controllers/, routes/, services/ |
| Data | data-analyst | models/, 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
> ⚠️ Warningnote in the relevant section of the output file.
Step 4 — Synthesize
Using the sub-agent reports, build the cross-stream view:
- Identify the Frontend ↔ Backend contract: REST, GraphQL, tRPC, WebSocket, or SSR
- Identify the Backend ↔ Data contract: ORM, query builder, raw SQL, event sourcing
- Find shared types/schemas that cross stream boundaries
- Trace the end-to-end auth flow: login UI → API auth → session/token storage
- 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-analystreport) - 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
⚠️ Warningnote 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.
| Skill | Installs | Updated | Safety | Difficulty |
|---|---|---|---|---|
| architecture-blueprint (this skill) | 0 | 5mo | Review | Advanced |
| c4-container | 1 | 4mo | No flags | Intermediate |
| c4-architecture-documentation | 0 | 5mo | No flags | Intermediate |
| mermaid-diagrams | 8 | 6mo | No flags | Beginner |
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.
c4-architecture-documentation
Hack23
Document system architecture using C4 model with context, container, component views and Mermaid diagrams
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.
c4
me2resh
Generate C4 L1 (Context) + L2 (Container) Mermaid diagrams from a project's codebase. Structurizr DSL escape hatch (--dsl) for L3+ component precision.
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.
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)