Stats
Actions
Tags
From design
Create comprehensive developer handoff documentation from designs. Trigger with "handoff to engineering", "developer specs", "implementation notes", "design specs for developers", or when a design needs to be translated into detailed implementation guidance.
How this skill is triggered — by the user, by Claude, or both
Slash command
/design:design-handoffThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
Create clear, complete handoff documentation so developers can implement designs accurately.
Create clear, complete handoff documentation so developers can implement designs accurately.
spacing-md not 16px.npx claudepluginhub 8gg-git/knowledge-work-plugins --plugin designCreates developer handoff specs with visual measurements, interaction behaviors, assets, edge cases, accessibility, and implementation notes for accurate design implementation.
Generates developer handoff specs from Figma URLs or design descriptions. Covers layout, design tokens, components, interactions, responsive breakpoints, edge cases, and accessibility.
Generates detailed design handoff specs for engineers, covering visual layouts, interactions, accessibility requirements, content, and rationale. Use when designs are ready for implementation.