📘

Design Handoff

Smooth design-to-development delivery.

v1 design curated

🤖

Install 安装

curl -sSL https://updating.cc/skills/design/design-handoff/SKILL.md -o ~/.agents/skills/design__design-handoff/SKILL.md

📄

Raw Source

https://updating.cc/skills/design/design-handoff/SKILL.md

← Back to profession page

SKILL.md Preview 技能内容预览

---
name: Design Handoff
description: Smooth design-to-development delivery.
---
# Design Handoff

The handoff is where most design intent dies. A developer building from a flattened PNG will guess the spacing, the states, and the edge cases — and guess wrong.

## What to deliver
- **All states, not just default.** Hover, focus, active, disabled, loading, empty, error. "It only had a happy path in the file" is the most common handoff gap.
- **Real content at real lengths.** Show what happens with a one-word label and a twelve-word label. Designs built on "Lorem ipsum" break on real data.
- **Tokens and measurements.** Annotate spacing and reference the token names, so the dev consumes the system instead of inventing new values.
- **Edge cases explicit.** Long lists scroll how? Empty state? Error retry? Document or it'll be decided ad hoc in code.

## Process
Walk through it together before building. Five minutes of Q&A prevents a week of rework.