Loaded when the user asks to hand a finished design off to a developer or a coding agent for implementation in a real codebase. The output of this skill is a self-sufficient handoff folder, zipped and presented to the user for download.

Folder setup

Create a folder at ./opendesign/handoffs/<feature-slug>/. Slug describes the feature (e.g. onboarding-flow, settings-redesign). Never handoff/, export/, or similar generics at the project root.
Copy every relevant HTML prototype, component file, image, font, and referenced asset into the folder. The developer must not have to trace paths back into the main project tree.
Generate README.md at the root of the folder. Everything the developer needs to act on lives in the README.

README structure

Every section below is required. Use these exact headings in this order.

handoff-to-claude-code

Folder setup

README structure