Generate comprehensive design handoffs
design-handoffskillsetup L2★12,185
anthropics/knowledge-work-plugins ↗What it does
Generate comprehensive developer handoff documentation
Best for
Eliminating back-and-forth design questions by specifying every interaction, state, and edge case upfront in one doc.
Inputs
- · Design file (Figma URL) or screenshot
- · Design description
Outputs
- · Markdown handoff spec with visual specs, interactions, states, accessibility
Requires
- · Figma MCP (optional for auto-extraction)
Preconditions
- · Design is finalized
- · Designer role/authority identified
Failure modes
- · Missing edge case specs if not prompted
- · Underspecified states if design file incomplete
Trust signals
- · Design token reference pattern
- · All-states specification (default, hover, active, disabled, loading, error)
- · Responsive breakpoint rules documented