Home / Skills / design-handoff
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
- License
- Apache-2.0
- SKILL.md tokens
- 984
- Bundled files
- 0
- Bundled tokens (estimated)
- 0
Cost per 1,000 loads
Estimated input cost per 1,000 loads of SKILL.md only (characters ÷ 4). Bundled files, output tokens and execution are excluded.
| Model | Input / 1M tokens | 1,000 loads |
|---|---|---|
| Claude Opus 5 | $5.00 | $4.92 |
| Claude Sonnet 5 | $2.00 | $1.97 |
| Claude Haiku 4.5 | $1.00 | $0.98 |
Safety flags
Detected automatically from files; not a security audit.
- Runs scripts
- No
- Network access
- No
- Shell commands
- No
Works with
Open SKILL.md format
- Claude Code
- Codex
- Cursor
- GitHub Copilot
- Gemini CLI
- OpenCode
- Goose
Install
npx skills add anthropics/knowledge-work-plugins --skill design-handoffLast verified:
design-handoff FAQ
What does the design-handoff skill do?
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: https://github.com/anthropics/knowledge-work-plugins/blob/main/design/skills/design-handoff/SKILL.md
What does the design-handoff skill cost to load?
SKILL.md is about 984 tokens. Estimated input cost per 1,000 loads: Claude Opus 5 $4.92; Claude Sonnet 5 $1.97; Claude Haiku 4.5 $0.98. Estimated input cost per 1,000 loads of SKILL.md only (characters ÷ 4). Bundled files, output tokens and execution are excluded. Prices: https://docs.anthropic.com/en/docs/about-claude/pricing
How do I install the design-handoff skill?
Skills CLI: npx skills add anthropics/knowledge-work-plugins --skill design-handoff. Claude Code: /plugin marketplace add anthropics/knowledge-work-plugins, then install the plugin from that marketplace. Download the design-handoff skill folder as a ZIP and upload it in Claude.ai skills settings.
Is the design-handoff skill safe?
No runs-scripts, network-access or shell-command flags were detected. Flags are detected automatically from the skill's files and are not a security audit; review the SKILL.md before installing.