---
title: "Design handoff"
type: skill
id: "knowledge-work-plugins/design/design-handoff"
category: "Design"
publisher: "Anthropic"
license: "Apache-2.0"
source: "https://github.com/anthropics/knowledge-work-plugins/tree/d900840"
canonical: "https://labs.pho.chat/en/skills/knowledge-work-plugins/design/design-handoff"
open_in_pho: "https://pho.chat/customize?item=knowledge-work-plugins%2Fdesign%2Fdesign-handoff&utm_source=labs&utm_medium=skill-page&utm_campaign=skills-library"
---

# Design handoff

Generate developer handoff specs from a design. Use when a design is ready for engineering and needs a spec sheet covering layout, design tokens, component props, interaction states, responsive breakpoints, edge cases, and animation details.

Source: Anthropic (Apache 2.0), copied at a pinned commit. Free to use. Part of the Phở Skills library (https://labs.pho.chat/en/skills).
Skill set: Design (https://labs.pho.chat/en/skills/knowledge-work-plugins/design.md).
Works best with a connected app (for example a CRM or a document store); without one it asks for the details instead.

## What it covers
- Usage
- What to Include
  - Visual Specifications
  - Interaction Specifications
  - Content Specifications
  - Edge Cases
  - Accessibility
- Principles
- Output
- If Connectors Available
- Tips

## Other skills in this set
- [Accessibility review](https://labs.pho.chat/en/skills/knowledge-work-plugins/design/accessibility-review.md): Run a WCAG 2.1 AA accessibility audit on a design or page. Trigger with "audit accessibility", "check a11y", "is this accessible?", or when reviewing a design for color contrast, keyboard…
- [Design critique](https://labs.pho.chat/en/skills/knowledge-work-plugins/design/design-critique.md): Get structured design feedback on usability, hierarchy, and consistency. Trigger with "review this design", "critique this mockup", "what do you think of this screen?", or when sharing a Figma link…
- [Design system](https://labs.pho.chat/en/skills/knowledge-work-plugins/design/design-system.md): Audit, document, or extend your design system. Use when checking for naming inconsistencies or hardcoded values across components, writing documentation for a component's variants, states, and…
- [Research synthesis](https://labs.pho.chat/en/skills/knowledge-work-plugins/design/research-synthesis.md): Synthesize user research into themes, insights, and recommendations. Use when you have interview transcripts, survey results, usability test notes, support tickets, or NPS responses that need to be…
- [User Research](https://labs.pho.chat/en/skills/knowledge-work-plugins/design/user-research.md): Plan, conduct, and synthesize user research. Trigger with "user research plan", "interview guide", "usability test", "survey design", "research questions", or when the user needs help with any…
- [Ux copy](https://labs.pho.chat/en/skills/knowledge-work-plugins/design/ux-copy.md): Write or review UX copy — microcopy, error messages, empty states, CTAs. Trigger with "write copy for", "what should this button say?", "review this error message", or when naming a CTA, wording a…

## Use it
- In Phở: open https://pho.chat/customize?item=knowledge-work-plugins%2Fdesign%2Fdesign-handoff&utm_source=labs&utm_medium=skill-page&utm_campaign=skills-library and press Try, or add it so Phở loads it whenever a request matches. Phở works with your own API key (OpenAI, Anthropic, Google and others).
- Full instructions (original SKILL.md, unchanged): https://labs.pho.chat/skills/raw/knowledge-work-plugins/design/skills/design-handoff/SKILL.md
- Original files: https://github.com/anthropics/knowledge-work-plugins/tree/d900840 (Apache 2.0).
- Full machine-readable index: https://labs.pho.chat/skills.json