---
name: design-handoff
slug: design-handoff
score: 53
rubric: 1.0
provenance: anthropic
publisher: Anthropic
license: MIT
capability: read-only
canonical: https://top-agent-skills.com/skill/design-handoff
---

# design-handoff

Turn a final design into a spec engineers can implement directly.

## Install

### Claude Code

```bash
claude plugin install design
```

### Cursor

Copy the design-handoff folder from the design plugin into .cursor/skills/

### Codex CLI

Copy the design-handoff folder into ~/.codex/skills/

### Gemini CLI

Copy the design-handoff folder into ~/.gemini/skills/

### Antigravity IDE

Pre-installed in the Antigravity awesome-skills bundle.

### Claude.ai (web app)

Settings → Features → Upload skill (download from anthropics/skills).

### Claude API

POST /v1/skills with the skill folder zipped.

## Best for

The moment a design is approved and engineering needs implementation-ready specs.


## About

Generate developer handoff specs — layout, design tokens, component props, interaction states, responsive breakpoints, edge cases, animation details.

## Compatibility

claude-code, claude-ai, cursor, antigravity

## Metadata

- Categories: frontend-design
- Tags: Handoff, Specs, Tokens
- Setup time: 1 min
- Complexity: Low
- Last update: 2026-05-15
- Verified: 2026-05-31
- Source: https://github.com/anthropics/skills/tree/main/plugins/design


---

_Indexed by Top Agent Skills. Score breakdown: https://top-agent-skills.com/about/methodology_