blueprint

Generate architecture documentation and mermaid diagrams with line-level citations.

8|1|Updated Jul 2, 2026
One-click install
npx skills add https://github.com/duthaho/skillhub --skill blueprint-duthaho
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: blueprint
Source: https://github.com/duthaho/skillhub/tree/main/.claude/skills/blueprint
Command: npx skills add https://github.com/duthaho/skillhub --skill blueprint-duthaho

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps you turn a codebase, module, or feature into human-facing architecture documentation that is grounded in real files instead of guesswork.

Core Features & Use Cases

  • Verified architecture docs: Builds component graphs, diagrams, and prose explanations from actual imports, calls, and route wiring.
  • Traceable documentation: Requires every section and edge to cite file and line sources so the output can be audited.
  • Scoped or refreshable output: Supports whole-repo documentation, module-specific drill-downs, and incremental refreshes that only update changed areas.

Quick Start

Ask Claude Code to generate a blueprint for the repository or a specific module, then review the draft and approve it if you want the docs written into docs/blueprint.

Frequently Asked Questions about blueprint

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate architecture documentation from source code without hallucinated components?

Generate architecture documentation by tracing actual imports, calls, and route wiring to build verified component graphs. This approach requires file discovery and citation-backed prose to ensure every documented edge maps to real source files, preventing invented components. Output includes mermaid diagrams and auditable documentation.

What is the best way to create mermaid diagrams for a codebase automatically?

Creating mermaid diagrams for a codebase involves analyzing import structures and call graphs to produce validated visual representations. The process traces dependencies across source files, validates diagram edges against actual code paths, and outputs diagrams with line-level citations linking visual elements to specific code locations.

Can I refresh existing codebase documentation incrementally instead of regenerating everything?

Incremental documentation refresh updates only changed areas by detecting modified files and regenerating their associated sections and diagrams. This scoped approach preserves existing verified citations for unchanged modules while updating component edges and prose explanations for affected source files, reducing processing overhead.

How do I document a specific module's architecture without mapping the entire repository?

Documenting a specific module uses scoped component analysis to trace imports and calls within a defined boundary. The process discovers files in the target module, maps its internal dependencies, and generates focused architecture documentation with mermaid diagrams and source citations for just that scope.

Does blueprint work for onboarding developers into an unfamiliar codebase?

Blueprint supports repo orientation workflows by generating system overviews from verified source files. It traces imports and calls to produce human-facing architecture documentation with component graphs and mermaid diagrams, helping developers understand codebase structure through auditable, citation-backed explanations rather than guesswork.

What are the limitations of automated codebase diagram generation?

Automated codebase diagram generation requires accurate file discovery and import tracing to produce valid results. Complex dynamic imports, runtime dependency injection, or reflection-based wiring may not appear in static call graphs, potentially omitting edges that exist only at runtime despite source file citation requirements.