Skills · Design · Free
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.
About this skill
Design handoff is a free skill package, version 1.0.0, in the Design section of the TopxAI skill library. A skill is a folder with a SKILL.md file of instructions, plus any scripts and references it needs. Agents that read SKILL.md, such as Claude Code, Codex and Cursor, load a skill when a task matches its description.
Requirements: Install it in any agent that supports SKILL.md, then configure the local tools its SKILL.md lists; TopxAI Desktop has them ready.
Adapted from Anthropic knowledge-work-plugins (Apache-2.0). The package keeps the upstream licence and lists TopxAI's changes in its notice.
Install
Install it with the open skills CLI (Node.js), which copies it into Claude Code, Codex, Cursor and the other agents it detects; leave out -g to install into the current project only:
npx skills add https://api.topxai.xyz --skill design-handoff -g
To install by hand, download the ZIP and extract it into a folder named design-handoff in your agent's skills directory, keeping SKILL.md, scripts, references and licence files together. Read SKILL.md and configure its tools before the first use. TopxAI Desktop is not required.
Related skills
- Accessibility review
- Anatomy · interactive figures
- Architecture diagrams
- Astryx design
- Canvas design
- Design critique
Other languages: 简体中文