Files
Momento/.agent/skills/wds-4-ux-design/data/page-creation-flows/page-process-templates.md
Antigravity bd495be965
All checks were successful
Deploy to Production / Build and Deploy (push) Successful in 12s
feat: design system overhaul — sidebar, AI chats, settings, brainstorm, color cleanup
- Sidebar: dynamic brand-accent colors, brainstorm section restyled
- AI chat general: popup panel with expand/collapse, hides when contextual AI open
- AI chat contextual: tabs reordered (Actions first), X close button, height fix
- Settings: all tabs restyled, 6 new color presets (sage, terracotta, iron, etc.)
- Global color cleanup: emerald/orange hardcoded → brand-accent dynamic
- Brainstorm page: orange → brand-accent throughout
- PageEntry animation component added to key pages
- Floating AI button: bg-brand-accent instead of hardcoded black
- i18n: all 15 locales updated with new AI/billing keys
- Billing: freemium quota tracking, BYOK, stripe subscription scaffolding
- Admin: integrated into new design
- AGENTS.md + CLAUDE.md project rules added
2026-05-16 12:59:30 +00:00

2.6 KiB
Raw Blame History

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