39 lines
854 B
Markdown
39 lines
854 B
Markdown
|
---
|
||
|
|
name: wireframes
|
||
|
|
description: Generate outline wireframes from page specifications
|
||
|
|
---
|
||
|
|
|
||
|
|
# Wireframes
|
||
|
|
|
||
|
|
**Goal:** Generate structural wireframes that visualize page layouts from UX specifications.
|
||
|
|
|
||
|
|
---
|
||
|
|
|
||
|
|
## INITIALIZATION
|
||
|
|
|
||
|
|
### Design Log
|
||
|
|
Read `{output_folder}/_progress/00-design-log.md`. Check Current and Backlog for context.
|
||
|
|
|
||
|
|
|
||
|
|
## Steps
|
||
|
|
|
||
|
|
Execute steps in `./steps-w/`:
|
||
|
|
|
||
|
|
| Step | File | Purpose |
|
||
|
|
|------|------|---------|
|
||
|
|
| 01 | step-01-load-context.md | Load page specs and design system |
|
||
|
|
| 02 | step-02-inventory.md | Identify pages needing wireframes |
|
||
|
|
| 03 | step-03-select-style.md | Choose design style |
|
||
|
|
| 04 | step-04-generate.md | Craft prompts and generate wireframes |
|
||
|
|
| 05 | step-05-review.md | Review and iterate |
|
||
|
|
|
||
|
|
Content to be defined.
|
||
|
|
|
||
|
|
---
|
||
|
|
|
||
|
|
## AFTER COMPLETION
|
||
|
|
|
||
|
|
1. Update design log
|
||
|
|
2. Suggest next action
|
||
|
|
3. Return to activity menu
|