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

131 lines
2.6 KiB
Markdown
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
# Page Process Workshop Templates
Templates for comparison output and change detection displays.
---
## Change Detection Output Template
```handlebars
{{#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
```handlebars
**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
```handlebars
✅ **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