4.2 KiB
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:
- task id
- files changed
- screenshots path
- blockers
- ready-for-review flag
Notes
- Inspiration reference: https://www.copymethat.com/features/recipe-manager/
- Keep branding original; do not clone competitor visuals.