Help us improve
Share bugs, ideas, or general feedback.
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.
npx claudepluginhub 8gg-git/knowledge-work-plugins --plugin designHow 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.
Creates 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.
Share bugs, ideas, or general feedback.
Create clear, complete handoff documentation so developers can implement designs accurately.
spacing-md not 16px.