design-blueprint

Featured

Run 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'.

Web & Frontend 190 stars 13 forks Updated 4 days ago MIT

Install

View on GitHub

Quality Score: 88/100

Stars 20%
76
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
50
License 10%
100
Description 5%
100

Skill Content

# Design Blueprint ## Required Skills Read and apply in order before Step 1: 1. `framework:knowledge-priming` -- Load the project knowledge base so every decision grounds in the real project. (always) 2. `framework:context-anchoring` -- Create or load the feature's living context doc (Create / Load / Enrich behaviors). (always) 3. `framework:learning-harvest` -- Load prior operational learnings at session start; harvest new ones at session end. (always) 4. `framework:collaborative-judgment` -- Surface genuine judgment calls as structured options instead of silently assuming. (always) 5. `framework:design-first` -- Owns the 5-level methodology. Its Entry Assessment, Complexity Calibration, Simplicity Check, and Level Completion Protocol govern Step 2. (Step 2) 6. `framework:architecture` -- Validate components, layers, dependency direction, and boundary rules (design mode). (Levels 2-4) 7. `framework:domain-driven-design` -- Model aggregates, entities, value objects, events, and contracts (design mode). (Levels 2-4) ## Workflow ### Step 1: Establish Context 1. Run `framework:learning-harvest` Load behavior. Focus hint: "design session — focus: design patterns, reliability, structural health". 2. Set up the feature's living doc with `framework:context-anchoring`: - **Discover**: scan `.lattice/context/` for an existing anchor doc matching the feature name or frontmatter. - **Found** → Load behavior. Present the structured acknowledgment: feature name, status, decisi...

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

Web & Frontend Listed

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.

1 Updated 6 days ago
Kodenaime
AI & Automation Listed

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).

0 Updated 1 weeks ago
dylanpulver
AI & Automation Listed

recipe-blueprint

Define structural design foundation — information architecture, user flows, content model, brand direction, and AI interaction model — from validated opportunities and hypotheses

11 Updated 1 weeks ago
shinpr