Description
design-handoff is a command from Anthropic's knowledge-work plugins, listed on skills.sh. It generates developer handoff documentation from a design, for when a design is ready for engineering and needs a specification sheet. The spec covers the layout, the design tokens, the components and the states they can be in. If a Figma link is given, the command pulls the design from Figma. Otherwise it works from a written description or a screenshot. It is run with /design-handoff followed by the design, and it sets out what the handoff should include before writing it. It suits designers handing work to developers, and developers who need a clear reference for building a screen to match the design without repeatedly asking the designer for values. The listing shows Gen Agent Trust Hub and Socket as Pass, and Snyk as Warn.…
Highlights
- Spec sheet for engineering
- Layout, tokens and component states
- Pulls designs from a Figma link
- Works from a description or screenshot
Ratings & Reviews
No ratings yet
Be the first to rate design-handoff.
People also visit
motion-foundations
Motion tokens, spring presets, performance rules, device adaptation
design-handoff FAQ
What does design-handoff produce?
A developer handoff spec covering layout, design tokens, components and their states.
How do I install it?
Run: npx skills add https://github.com/anthropics/knowledge-work-plugins --skill design-handoff
Can it read Figma?
Yes. If a Figma URL is provided, it pulls the design from Figma.
What if I have no Figma link?
It works from a written description or a screenshot.
Has it been checked for security?
skills.sh lists three audits: Gen Agent Trust Hub Pass, Socket Pass and Snyk Warn. A Warn or Fail is worth reading before you install.
What are the best design-handoff alternatives?
Popular alternatives to design-handoff include design-system, motion-foundations and design-system. See all design-handoff alternatives