chore(harness): add visual redesign execution board
This commit is contained in:
parent
363c4258fa
commit
469b4b78a1
|
|
@ -0,0 +1,151 @@
|
|||
# Recipe Manager — Visual Redesign Execution Board
|
||||
|
||||
Created: 2026-03-26
|
||||
Owner: Main Orchestrator
|
||||
Status: ACTIVE
|
||||
|
||||
## Objective
|
||||
Make the Recipe Manager visually compelling (color, imagery, hierarchy, polish) while preserving existing functionality and performance.
|
||||
|
||||
## Success Criteria (Release Gate)
|
||||
- [ ] Site has a cohesive visual identity (palette, typography, spacing, elevation)
|
||||
- [ ] Key pages use imagery/graphics effectively (home, list, detail, add/edit)
|
||||
- [ ] Accessibility AA contrast and keyboard focus states pass
|
||||
- [ ] Mobile and desktop responsive layouts pass QA
|
||||
- [ ] Lighthouse: no major regressions from current baseline
|
||||
|
||||
## Task Backlog
|
||||
|
||||
### T01 — Baseline Visual Audit
|
||||
Priority: P0
|
||||
Owner: agent-ui-audit
|
||||
Dependencies: none
|
||||
Deliverables:
|
||||
- before screenshots (desktop/mobile)
|
||||
- UX/UI audit notes with prioritized issues
|
||||
- measurable acceptance checklist
|
||||
Acceptance:
|
||||
- [ ] screenshots committed under docs/visual-audit/before/
|
||||
- [ ] issues categorized by severity and page
|
||||
|
||||
### T02 — Design System & Theme Tokens
|
||||
Priority: P0
|
||||
Owner: agent-design-system
|
||||
Dependencies: T01 (can start in parallel with assumptions)
|
||||
Deliverables:
|
||||
- color palette tokens
|
||||
- typography scale tokens
|
||||
- spacing/radius/shadow tokens
|
||||
- component style baseline
|
||||
Acceptance:
|
||||
- [ ] global token file in frontend
|
||||
- [ ] docs page: "Visual Style Guide"
|
||||
|
||||
### T03 — Visual Asset Pack
|
||||
Priority: P0
|
||||
Owner: agent-assets
|
||||
Dependencies: none
|
||||
Deliverables:
|
||||
- curated image set (legal/source documented)
|
||||
- icon strategy and selected icon library
|
||||
- placeholder/empty-state graphics
|
||||
Acceptance:
|
||||
- [ ] assets stored under frontend/public/assets/
|
||||
- [ ] asset attribution/source notes in docs
|
||||
|
||||
### T04 — Homepage Redesign
|
||||
Priority: P1
|
||||
Owner: agent-core-ui
|
||||
Dependencies: T02, T03
|
||||
Deliverables:
|
||||
- hero section with imagery + CTA
|
||||
- feature blocks with icons/graphics
|
||||
- stronger visual hierarchy and footer polish
|
||||
Acceptance:
|
||||
- [ ] home page updated and responsive
|
||||
- [ ] visual QA checklist for home complete
|
||||
|
||||
### T05 — Recipe List Visual Upgrade
|
||||
Priority: P1
|
||||
Owner: agent-core-ui
|
||||
Dependencies: T02, T03
|
||||
Deliverables:
|
||||
- card-based grid/list with images
|
||||
- chips/badges (time/category/difficulty)
|
||||
- improved filters/search affordance
|
||||
- empty/loading states
|
||||
Acceptance:
|
||||
- [ ] list page supports responsive card layout
|
||||
- [ ] no regression in filtering/search behavior
|
||||
|
||||
### T06 — Recipe Detail Visual Upgrade
|
||||
Priority: P1
|
||||
Owner: agent-core-ui
|
||||
Dependencies: T02, T03
|
||||
Deliverables:
|
||||
- hero image + metadata badges
|
||||
- ingredients/instructions styled sections
|
||||
- sticky quick-action area where appropriate
|
||||
Acceptance:
|
||||
- [ ] detail page visually upgraded with readability improvements
|
||||
- [ ] print/share/favorite flows still functional
|
||||
|
||||
### T07 — Add/Edit Form UX Polish
|
||||
Priority: P2
|
||||
Owner: agent-core-ui
|
||||
Dependencies: T02
|
||||
Deliverables:
|
||||
- grouped sections + better hierarchy
|
||||
- image upload preview experience
|
||||
- improved validation states
|
||||
Acceptance:
|
||||
- [ ] add/edit remains fully functional
|
||||
- [ ] visual consistency with theme tokens
|
||||
|
||||
### T08 — Motion, Accessibility, Perf Pass
|
||||
Priority: P1
|
||||
Owner: agent-qa-polish
|
||||
Dependencies: T04, T05, T06, T07
|
||||
Deliverables:
|
||||
- hover/focus/transition polish
|
||||
- contrast + keyboard nav checks
|
||||
- image optimization/lazy loading review
|
||||
Acceptance:
|
||||
- [ ] accessibility checklist complete
|
||||
- [ ] Lighthouse/perf review documented
|
||||
|
||||
### T09 — Final QA + Before/After Pack
|
||||
Priority: P1
|
||||
Owner: agent-qa-polish
|
||||
Dependencies: T08
|
||||
Deliverables:
|
||||
- before/after screenshot comparison
|
||||
- release checklist + regression notes
|
||||
Acceptance:
|
||||
- [ ] docs/visual-audit/after/ populated
|
||||
- [ ] final signoff section completed
|
||||
|
||||
## Orchestration Plan
|
||||
Wave 1 (parallel): T01, T02, T03
|
||||
Wave 2 (parallel): T04, T05, T06 (after T02/T03)
|
||||
Wave 3: T07 (after T02), T08 (after wave 2 + T07)
|
||||
Wave 4: T09
|
||||
|
||||
## Agent Assignment & Status
|
||||
- agent-ui-audit: T01 — QUEUED
|
||||
- agent-design-system: T02 — QUEUED
|
||||
- agent-assets: T03 — QUEUED
|
||||
- agent-core-ui: T04/T05/T06/T07 — QUEUED
|
||||
- agent-qa-polish: T08/T09 — QUEUED
|
||||
|
||||
## Reporting Protocol
|
||||
Each agent reports:
|
||||
1) task id
|
||||
2) files changed
|
||||
3) screenshots path
|
||||
4) blockers
|
||||
5) ready-for-review flag
|
||||
|
||||
## Notes
|
||||
- Inspiration reference: https://www.copymethat.com/features/recipe-manager/
|
||||
- Keep branding original; do not clone competitor visuals.
|
||||
Loading…
Reference in New Issue