heyeddi-handofflisted

Implements screens from designer screenshots and handoff notes. Two-pass workflow — designer writes mockup-brief with Implementation spec, implementer builds shell then route, verify_handoff checks tokens and layout. Use when approved mockups exist — not for greenfield design.
HeyEddi-com/heyeddi-skills · ★ 0 · AI & Automation · score 75

Install: claude install-skill HeyEddi-com/heyeddi-skills

# Design Handoff **Designer then implementer** — same agent, two explicit passes. See `reference/handoff-to-code.md`. ## Subagents (default) **Orchestrate in main chat; delegate phases via Cursor Task tool.** See `reference/subagents.md`. - **Pass 1 (interpret):** `generalPurpose` subagent — mockup-brief + Implementation spec only; then `shell` for `describe_handoff`. - **Pass 2 (build):** `explore` for catalog → `generalPurpose` for shell then route → `shell` for `verify_*`, npm, `@visual-auditor`. - Do not inline Playwright or full implement in the same subagent as interpret. Gate each phase before launching the next subagent. ## When to use - Designer attaches desktop/mobile screenshots for a route - `.heyeddi/designs/<feature>/` has reference images - Implementing an approved mockup without Figma MCP ## Instructions ### Pass 1 — Designer (interpret) 1. Run `python scripts/load_handoff.py --route <route> --project-root <root>`. 2. Read `.heyeddi/product.md` — **Personas** + **Per-route intent** for this route; align brief microcopy and hierarchy (`heyeddi-design/reference/audience-design.md`). 3. Read `reference/interpret-mockups.md` (PNG) or `reference/low-fidelity-mockups.md` (`wireframe.md`) — write `mockup-brief.md` with **Implementation spec** + **Theme notes**. 4. Run `python scripts/describe_handoff.py --route <route> --sync-design`. 5. **Stop** — do not write Vue until Implementation spec is complete. ### Pass 2 — Implementer (build) 5. Read `reference/