sar/.claude/skills/wds-4-ux-design/data/page-creation-flows/page-process-templates.md

Page Process Workshop Templates

Templates for comparison output and change detection displays.

---

Change Detection Output Template

{{#if has_changes}}
🔍 **Changes detected:**

{{#if unchanged_sections.length > 0}}
✅ **Unchanged sections** ({{unchanged_sections.length}}):
{{#each section in unchanged_sections}}
- {{section.name}}
{{/each}}
{{/if}}

{{#if modified_sections.length > 0}}
✏️ **Modified sections** ({{modified_sections.length}}):
{{#each section in modified_sections}}
- {{section.name}}: {{section.change_description}}
{{/each}}
{{/if}}

{{#if new_sections.length > 0}}
➕ **New sections added** ({{new_sections.length}}):
{{#each section in new_sections}}
- {{section.name}}: {{section.description}}
{{/each}}
{{/if}}

{{#if completed_sections.length > 0}}
✨ **TBD sections now complete** ({{completed_sections.length}}):
{{#each section in completed_sections}}
- {{section.name}}: Ready to specify
{{/each}}
{{/if}}

{{#if removed_sections.length > 0}}
⚠️ **Sections removed** ({{removed_sections.length}}):
{{#each section in removed_sections}}
- {{section.name}}
{{/each}}
{{/if}}

{{else}}
✅ **No changes detected**

This sketch appears identical to the existing specification.
{{/if}}

---

Detailed Comparison Template

**Detailed Section-by-Section Comparison:**

{{#each section in modified_sections}}

---

### {{section.name}}

**Current specification:**
{{section.current_spec_summary}}

**New sketch shows:**
{{section.new_sketch_summary}}

**Detected changes:**
{{#each change in section.changes}}
- {{change.description}}
{{/each}}

**Confidence:** {{section.confidence}}%

---
{{/each}}

---

Update Summary Template

✅ **Page specification updated!**

**Summary:**
{{#if updated_count > 0}}
- {{updated_count}} sections updated
{{/if}}
{{#if added_count > 0}}
- {{added_count}} sections added
{{/if}}
{{#if preserved_count > 0}}
- {{preserved_count}} sections preserved (unchanged)
{{/if}}
{{#if removed_count > 0}}
- {{removed_count}} sections removed
{{/if}}

**Updated file:** `{{page_spec_path}}`

**Sketch saved to:** `{{sketch_path}}`

---

Menu Options

Update Strategy Menu (with changes):

• [A] Update all changed/new/completed sections
• [B] Pick specific sections to update
• [C] Show me detailed comparison first
• [D] Actually, this is the same - cancel

Update Strategy Menu (only removals):

• [A] Remove deleted sections from spec
• [B] Keep them marked as "removed from design"
• [C] Cancel - I'll fix the sketch

Completion Menu:

• [A] Generate HTML prototype
• [B] Add another page
• [C] Update another section
• [D] Done with this page