wireframe-handoff
Installation
SKILL.md
Wireframe Handoff — Present, Annotate, Ship
Overview
A wireframe isn't done when it's drawn — it's done when it survives three gates: presented to the people it affects, annotated so developers never guess, and followed through until the shipped screen matches the intent. Most product damage happens between phases (handoffs), not within them; this skill hardens the seams.
When to Use
- Presenting wireframes for sign-off, alignment, or pitch — executives, clients, support, sales, QA
- Preparing the package developers build from: annotations, states, edge cases, flows
- During build: behavior questions, wireframe-to-code drift, last-minute changes
- Post-release: feedback loops and retro on where communication broke
- NOT for: in-progress design critique among the product triad — that's earlier-phase exploratory feedback, not a handoff gate
- NOT for: hi-fi visual spec handoff (redlines, spacing, color values) — that's design-tokens territory, downstream of wireframes
Presenting Wireframes
Establish context before screen one
- Say explicitly that structure-over-style is a deliberate choice: it keeps the room solving user problems instead of debating colors and branding.
- Say wireframes are cheap to revise — this licenses feedback people would withhold from anything that looks finished. Late input that fixes an oversight is a win, not a derailment.
- Show a brief evolution (problem statement → structural outline → concepts → proposal). Jumping straight to the answer is jarring to first-time viewers; origins prove diligence and build credibility.