词映 AI导航
工具库Skills 技能
我的收藏
词映 AI导航

Prepare a design-to-engineering handoff with Claude Code

Use design-engineering-handoff to capture a feature’s user flow, key states, implementation assumptions, and open decisions.

中文

Install in Claude Code

Claude Code with wireframe notes, a user flow, and implementation constraints.

  1. Open the pinned GitHub source below and retrieve the `tech-lead/cross-functional-leadership/skills/design-engineering-handoff/` directory from that revision.
  2. Copy it into `.claude/skills/design-engineering-handoff/` in your project, keeping `SKILL.md` and its companion files together.
  3. Open Claude Code in the project root and enter `/design-engineering-handoff` followed by the example task.

Example task

For a library search prototype, provide loading, results, and empty states. Request a one-page handoff with open questions for search errors, retries, and long titles on narrow screens.

What to check

The handoff lists known states, questions for engineering, and checks for accepting the prototype.

Original SKILL.md on GitHub · Updated

Frequently asked question

What technical assumptions belong in a design handoff?

List APIs, data, and performance needs the design depends on. Identify the ones engineering should confirm.