Design Prompt Blueprints

# Design Prompt Blueprints

Use these blueprints when generating output from user briefs.

## Shared Output Contract

Every mode should output these sections:

1. `North Star`
2. `Audience`
3. `Primary Tasks`
4. `Information Architecture`
5. `Component Map`
6. `State Matrix`
7. `Accessibility`
8. `Implementation Prompt`
9. `Review Prompt`

## Mode: web-page

Focus:
- single primary conversion goal
- narrative flow
- responsive sections

Required specifics:
- hero proposition
- trust/proof blocks
- primary and secondary CTA behavior
- mobile-first section reflow

## Mode: web-app

Focus:
- repeat task efficiency
- discoverability + density balance
- nav and data workflows

Required specifics:
- global nav model
- page-level IA
- table/form/search/filter patterns
- authorization or role-based UI notes if relevant

## Mode: tui-dashboard

Focus:
- command speed
- scanability under pressure
- keyboard-only operations

Required specifics:
- keymap (`j/k`, arrows, enter, esc, `/`, `?`)
- split-pane behavior at 80/120 columns
- event/status line behavior
- monochrome fallback without color semantics

## Mode: tui-wizard

Focus:
- low-error guided flow
- progress visibility
- safe confirmation/rollback points

Required specifics:
- step model and transitions
- field validation timing
- abort/retry behavior
- final confirmation summary

## Implementation Prompt Template

Use and fill this skeleton: