Skip to content

Commit 2f4c611

Browse files
jwaldripclaude
andcommitted
feat(wireframes): include design units in wireframe generation
Previously only discipline: frontend units got wireframes during elaboration. Design units (discipline: design) were skipped entirely, leaving them without the wireframe: field in frontmatter. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
1 parent c0349b7 commit 2f4c611

File tree

2 files changed

+23
-23
lines changed

2 files changed

+23
-23
lines changed

plugin/skills/elaborate-wireframes/SKILL.md

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
---
2-
description: (Internal) Autonomous wireframe generation for AI-DLC elaboration frontend units
2+
description: (Internal) Autonomous wireframe generation for AI-DLC elaboration frontend and design units
33
context: fork
44
agent: general-purpose
55
user-invocable: false
@@ -27,7 +27,7 @@ allowed-tools:
2727

2828
# Elaborate: Wireframe Generation
2929

30-
Autonomous wireframe generation for AI-DLC elaboration frontend units. This skill runs as a forked subagent — it reads a brief file from disk, generates low-fidelity HTML wireframes, and writes results to disk.
30+
Autonomous wireframe generation for AI-DLC elaboration frontend and design units. This skill runs as a forked subagent — it reads a brief file from disk, generates low-fidelity HTML wireframes, and writes results to disk.
3131

3232
**You have NO access to `AskUserQuestion`.** All work is fully autonomous. The main elaboration skill will present wireframes to product for review.
3333

@@ -47,7 +47,7 @@ design_provider_type: figma # or empty
4747
```
4848
4949
The markdown body contains:
50-
- **Frontend Units**: List of frontend units with their file paths, descriptions, domain entities, and technical specs
50+
- **Frontend & Design Units**: List of frontend and design units with their file paths, descriptions, domain entities, and technical specs
5151
- **Design Context**: Design analysis findings from discovery.md (if any)
5252
- **Domain Model Reference**: Abbreviated domain model for context
5353
@@ -57,7 +57,7 @@ The markdown body contains:
5757
cd "{worktree_path}"
5858
```
5959

60-
**If no frontend units are listed in the brief**, write results with `status: skipped` and exit immediately.
60+
**If no frontend or design units are listed in the brief**, write results with `status: skipped` and exit immediately.
6161

6262
---
6363

@@ -85,9 +85,9 @@ mkdir -p ".ai-dlc/${INTENT_SLUG}/mockups"
8585

8686
---
8787

88-
## Step 4: Generate Wireframe HTML Per Frontend Unit
88+
## Step 4: Generate Wireframe HTML Per Frontend or Design Unit
8989

90-
For each frontend unit from the brief, create a self-contained HTML file at:
90+
For each frontend or design unit from the brief, create a self-contained HTML file at:
9191
`.ai-dlc/{intent-slug}/mockups/unit-{NN}-{slug}-wireframe.html`
9292

9393
Where `{NN}` is the zero-padded unit number and `{slug}` is the unit filename slug.
@@ -204,7 +204,7 @@ All wireframes MUST use this exact visual style — a gray/white low-fidelity ae
204204

205205
## Step 5: Add Wireframe Field to Unit Frontmatter
206206

207-
For each frontend unit that received a wireframe, update its frontmatter by adding or replacing the `wireframe:` field:
207+
For each frontend or design unit that received a wireframe, update its frontmatter by adding or replacing the `wireframe:` field:
208208

209209
```yaml
210210
wireframe: mockups/unit-{NN}-{slug}-wireframe.html
@@ -220,7 +220,7 @@ Read the unit file, find the YAML frontmatter block, add the `wireframe:` field,
220220
INTENT_SLUG="{intent_slug from brief}"
221221
git add .ai-dlc/${INTENT_SLUG}/mockups/
222222
git add .ai-dlc/${INTENT_SLUG}/unit-*.md
223-
git commit -m "elaborate: add wireframes for ${INTENT_SLUG} frontend units"
223+
git commit -m "elaborate: add wireframes for ${INTENT_SLUG} frontend and design units"
224224
```
225225

226226
---
@@ -250,7 +250,7 @@ error_message: ""
250250
- {any observations about the wireframes, ambiguities noted, design interpretation decisions}
251251
```
252252
253-
If no frontend units were in the brief:
253+
If no frontend or design units were in the brief:
254254
255255
```markdown
256256
---
@@ -260,7 +260,7 @@ error_message: ""
260260

261261
# Wireframe Generation Results
262262

263-
No frontend units found — wireframe generation skipped.
263+
No frontend or design units found — wireframe generation skipped.
264264
```
265265

266266
---

plugin/skills/elaborate/SKILL.md

Lines changed: 13 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -1054,10 +1054,10 @@ git commit -m "elaborate(${INTENT_SLUG}): draft unit-NN-{slug}"
10541054
10551055
**CRITICAL: If your output only shows the unit title or frontmatter without the body sections (Description, Technical Specification, Success Criteria, etc.), you have truncated the output. Go back and display the full file.**
10561056
1057-
**Step C — If the unit has `discipline: frontend`, open its wireframe in the browser** so the user can review the visual alongside the spec:
1057+
**Step C — If the unit has `discipline: frontend` or `discipline: design`, open its wireframe in the browser** so the user can review the visual alongside the spec:
10581058
10591059
```bash
1060-
# Only for frontend units — open the wireframe if it exists
1060+
# Only for frontend or design units — open the wireframe if it exists
10611061
WIREFRAME=".ai-dlc/${INTENT_SLUG}/mockups/unit-NN-{slug}-wireframe.html"
10621062
if [ -f "$WIREFRAME" ]; then
10631063
open "$WIREFRAME" # macOS; use xdg-open on Linux
@@ -1124,17 +1124,17 @@ This ensures builders can pull the intent branch when working remotely. Note in
11241124

11251125
---
11261126

1127-
## Phase 6.25: Generate Frontend Wireframes (Delegated)
1127+
## Phase 6.25: Generate Frontend & Design Wireframes (Delegated)
11281128

1129-
**Skip this phase entirely if no units have `discipline: frontend` in their frontmatter.**
1129+
**Skip this phase entirely if no units have `discipline: frontend` or `discipline: design` in their frontmatter.**
11301130

1131-
Wireframe generation runs in a forked subagent. The subagent generates low-fidelity HTML wireframes for all frontend units, updates unit frontmatter, and commits the artifacts.
1131+
Wireframe generation runs in a forked subagent. The subagent generates low-fidelity HTML wireframes for all frontend and design units, updates unit frontmatter, and commits the artifacts.
11321132

1133-
### Step 1: Identify frontend units
1133+
### Step 1: Identify frontend and design units
11341134

1135-
Scan all `unit-*.md` files in `.ai-dlc/{intent-slug}/`. Collect units where frontmatter contains `discipline: frontend`.
1135+
Scan all `unit-*.md` files in `.ai-dlc/{intent-slug}/`. Collect units where frontmatter contains `discipline: frontend` or `discipline: design`.
11361136

1137-
If no frontend units exist, skip to Phase 6.5.
1137+
If no frontend or design units exist, skip to Phase 6.5.
11381138

11391139
### Step 2: Load design provider config
11401140

@@ -1156,9 +1156,9 @@ intent_title: {Intent Title from intent.md}
11561156
design_provider_type: {DESIGN_TYPE or empty}
11571157
---
11581158

1159-
# Frontend Units
1159+
# Frontend & Design Units
11601160

1161-
{For each frontend unit, include:}
1161+
{For each frontend or design unit, include:}
11621162

11631163
## {unit filename}
11641164

@@ -1195,15 +1195,15 @@ Skill("elaborate-wireframes", args: ".ai-dlc/{INTENT_SLUG}/.briefs/elaborate-wir
11951195

11961196
Read `.ai-dlc/${INTENT_SLUG}/.briefs/elaborate-wireframes-results.md`.
11971197

1198-
- If `status: skipped` — no frontend units found, proceed to Phase 6.5
1198+
- If `status: skipped` — no frontend or design units found, proceed to Phase 6.5
11991199
- If `status: error` — report the error to the user and discuss how to proceed
12001200
- If `status: success` — list the generated wireframes for the user
12011201

12021202
Commit the wireframe artifacts and results brief:
12031203

12041204
```bash
12051205
git add .ai-dlc/${INTENT_SLUG}/mockups/ .ai-dlc/${INTENT_SLUG}/.briefs/elaborate-wireframes-results.md
1206-
git commit -m "elaborate(${INTENT_SLUG}): generate frontend wireframes"
1206+
git commit -m "elaborate(${INTENT_SLUG}): generate frontend and design wireframes"
12071207
```
12081208

12091209
### Step 6: Product review gate
@@ -1213,7 +1213,7 @@ Present all generated wireframes to product for review using `AskUserQuestion`:
12131213
```json
12141214
{
12151215
"questions": [{
1216-
"question": "I've generated low-fidelity wireframes for the frontend units. Please open them in a browser to review screen structure, flow, and placeholder copy. How do they look?",
1216+
"question": "I've generated low-fidelity wireframes for the frontend and design units. Please open them in a browser to review screen structure, flow, and placeholder copy. How do they look?",
12171217
"header": "Wireframes",
12181218
"options": [
12191219
{"label": "Approved", "description": "Wireframes accurately capture the intended screens, flows, and copy"},

0 commit comments

Comments
 (0)