Handoff Spec

Turns design mockups into actual implementation specs that developers can work from without playing twenty questions. It structures the handoff around visual measurements, interaction states, content rules, asset delivery, and edge cases. The emphasis on design tokens over raw values and documenting all states (not just the happy path) is solid. Use this when you're bridging design and development and want to avoid the usual back and forth about "what happens when this text is really long" or "what's the hover state supposed to look like." Beats annotating Figma files in the comments for the tenth time.

Install to Claude Code

npx -y skills add owl-listener/designer-skills --skill handoff-spec --agent claude-code