design-blueprint
FeaturedRun a complete design workflow -- from establishing context through four progressive design levels (Capabilities, Components, Interactions, Contracts) to an approved blueprint. Composes knowledge-priming, context-anchoring, learning-harvest, collaborative-judgment, design-first, architecture, and domain-driven-design into one process. Handles both new features (create context doc) and resuming existing work (load context doc). Level 5 (Implementation) is delegated to code-forge. Use when starting a design, planning architecture, or when the user says 'design a feature', 'blueprint', 'start designing', 'plan the architecture', or 'let's design before coding'.
Install
Quality Score: 88/100
Skill Content
Details
- Author
- techygarg
- Repository
- techygarg/lattice
- Created
- 6 months ago
- Last Updated
- 4 days ago
- Language
- JavaScript
- License
- MIT
Bundled in these plugins
Similar Skills
Semantically similar based on skill content — not just same category
design-blueprint
Turns a rough project idea into a complete, frontend-ready design package, covering brand direction, user flows, HTML/CSS screen mockups, design tokens, and a component spec. Use this whenever the user wants to figure out branding, visual identity, UI, or user flow for a new project or feature, even if they describe it casually ("I need to figure out the look and feel", "what should this app's UI be like", "help me design the branding"). Also trigger on explicit invocation ("use my design blueprint process", "/design-blueprint", "run the design system process"). Works standalone, or after spec-blueprint if a spec or blueprint doc already exists. Do NOT use this for writing the PRD/TRD, database schema, or implementation plan/timeline, that is spec-blueprint's job, and do NOT use it for small one-off tweaks to an existing design (a color change, a single component fix) where the user is not asking to establish a system.
blueprint
Design a new thing BEFORE building it — fuzzy idea to executable blueprint. Use for 'blueprint this', 'design this', 'architect this', 'scope this out', 'I have an idea for X'. NOT murky-problem diagnosis or plan stress-tests (premortem).
recipe-blueprint
Define structural design foundation — information architecture, user flows, content model, brand direction, and AI interaction model — from validated opportunities and hypotheses