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