From discover
Defines structural design artifact formats — information architecture, user flows, content model, brand direction, and AI interaction model. Use when creating or reviewing structural design documents that precede prototype generation.
npx claudepluginhub shinpr/claude-code-workflows --plugin discoverThis skill uses the workspace's default tool permissions.
Blueprint artifacts define the **structural foundation** that prototypes and UI specifications build upon. They bridge the gap between validated opportunities and tangible product design.
Designs information architecture for websites, apps, docs, and e-commerce: navigation, hierarchies, taxonomies, card sorting, sitemaps, and user mental models. For redesigns and large info spaces.
Generates design briefs for UX/UI and product design projects covering overview, goals, user personas, constraints, success criteria, and deliverables. Includes generate/validate scripts.
Orchestrates interactive product/feature design from fuzzy ideas to structured briefs via adaptive phases, collaborative refinement, and HTML/CSS visual prototypes. Use before coding.
Share bugs, ideas, or general feedback.
Blueprint artifacts define the structural foundation that prototypes and UI specifications build upon. They bridge the gap between validated opportunities and tangible product design.
Blueprint artifacts answer: "What pages exist, how do users move between them, what data lives where, and what does the product feel like?"
| Artifact | Question It Answers | Template |
|---|---|---|
| Information Architecture | What pages exist and how are they organized? | references/ia-template.md |
| User Flows | How do users move through the product to achieve goals? | references/flow-template.md |
| Content Model | What data types exist and how do they relate? | references/content-model-template.md |
| Brand Direction | What does the product look and feel like? | references/brand-direction-template.md |
| AI Interaction Model | How does the user interact with AI features? | references/ai-interaction-model-template.md |
Blueprint artifacts provide the structural context that makes prototypes coherent across multiple hypotheses. Create them before generating prototypes.
docs/product/vision.md ← Strategic intent
docs/product/design-principles.md ← Trade-off resolutions
docs/product/personas/ ← Who uses it
docs/discovery/opportunities/ ← What problems to solve
docs/discovery/hypotheses/ ← How to solve them
↓
docs/product/design/ ← Blueprint (structural design)
↓
docs/discovery/prototypes/ ← Tangible validation artifacts
↓
docs/prd/ ← Implementation specification
Blueprint defines: Structure, navigation, data relationships, visual direction, interaction patterns Blueprint defers: Pixel-level specifications, component APIs, responsive breakpoint details, design token values → these belong to UI Spec (implementation phase)
docs/product/learnings.md