|
| 1 | +## [6.3.0] - 2025-11-14 |
| 2 | + |
| 3 | +### Added |
| 4 | +- **HTML Mockup Approval Workflow**: UI-first flag for `/tasks` command generates browser-previewable HTML mockups before implementation |
| 5 | + - `/tasks --ui-first` creates standalone HTML mockups in `specs/NNN-slug/mockups/` |
| 6 | + - Mockups link to `design/systems/tokens.css` for live design updates (refresh browser to see changes) |
| 7 | + - Inline JavaScript with ALL states (loading, error, empty, success) - press 'S' key to cycle through states |
| 8 | + - Single approval gate: User reviews HTML in browser, approves via checklist before `/implement` proceeds |
| 9 | + - Automatic HTML → Next.js conversion after approval preserves accessibility and design tokens |
| 10 | + - Agent proposes tokens.css updates when user requests design changes (approval required) |
| 11 | + - Component reuse enforcement: Checks ui-inventory.md before creating custom components |
| 12 | + - Workflow integration: mockup_approval gate in workflow-state.yaml blocks `/implement` until approved |
| 13 | + |
| 14 | +### Changed |
| 15 | +- **Frontend Agent** (+500 lines): Added comprehensive HTML mockup creation workflow, HTML → Next.js conversion logic, and style guide update proposal flow |
| 16 | +- **/tasks Command** (+170 lines): Integrated `--ui-first` flag parsing, tokens.css validation, and design task generation guidance |
| 17 | +- **/implement Command** (+68 lines): Added mockup approval check that blocks execution until status = "approved" |
| 18 | +- **workflow-state-schema.md** (+107 lines): Added manual_gates section with mockup_approval, preview, and staging_validation gate definitions |
| 19 | + |
| 20 | +### Documentation |
| 21 | +- Created `mockup-approval-checklist.md` template with comprehensive review criteria (visual, interaction, accessibility, tokens.css compliance) |
| 22 | +- Updated CLAUDE.md with UI-First Workflow section and Mockup Approval Gate workflow steps |
| 23 | +- Updated README.md with v6.3.0 release notes and HTML Mockup Approval Workflow overview |
| 24 | + |
| 25 | +### Impact |
| 26 | +- 75-85% faster UI development by approving design before implementation |
| 27 | +- Zero implementation rework from design changes |
| 28 | +- Systematic design token evolution with user approval |
| 29 | +- Early accessibility validation (WCAG 2.1 AA) |
| 30 | + |
| 31 | +--- |
| 32 | + |
1 | 33 | ## [6.2.3] - 2025-11-14 |
2 | 34 |
|
3 | 35 | ### Changed |
|
0 commit comments