Skip to content
Design
Command

/handoff

Run the full handoff workflow — specs, measurements, assets, states, and a QA checklist — and output a developer-ready package.

BOOST
From plugin
designer-skills
2.9k33 skills33 commands
Install
> /plugin marketplace add Owl-Listener/designer-skills

How it fires

How this command gets triggered: by you, by Claude, or both.

  • Fires itselfClaude auto-loads it when your prompt matches the work.
  • You can call itInvoke it directly when you want it.
  • Slash command/handoff

Context preview

What this command does when you run it.

Run the full handoff workflow — specs, measurements, assets, states, and a QA checklist — and output a developer-ready package.

Command definition

handoff.md
description: Run the full handoff workflow — specs, measurements, assets, states, and a QA checklist — and output a developer-ready package.
argument-hint: "[screen, feature, or component to hand off]"

/handoff

Generate a developer handoff package.

Steps

1. **Visual specs** — Document all measurements and tokens using `handoff-spec` skill. 2. **Interaction specs** — Define states and behaviors using `handoff-spec` skill. 3. **QA criteria** — Create implementation checklist using `design-qa-checklist` skill. 4. **Review readiness** — Verify against review criteria using `design-review-process` skill. 5. **Version** — Tag the design version being handed off using `version-control-strategy` skill. 6. **Package** — Compile all specs, assets, and notes.

Output

Complete handoff package with visual specs, interaction specs, asset list, QA checklist, and implementation notes. Consider following up with `/setup-workflow` to establish the ongoing QA process.

Ships withdesigner-skills

Design skills for the agent era, written so an AI agent can actually use them. 273 skills and 76 commands across 33 plugins, in five collections, for Claude Code and Gemini CLI. Not sure which skill you need?

Get the whole plugin

Other commands on designer-skills.