From design-ops
Generates a developer handoff package for the specified screen, feature, or component, including visual specs, interaction specs, QA checklist, assets, and notes.
How this command is triggered — by the user, by Claude, or both
Slash command
/design-ops:handoff [screen, feature, or component to hand off]The summary Claude sees in its command listing — used to decide when to auto-load this command
# /handoff Generate a developer handoff package. ## Steps 1. **Visual specs** — Document all measurements and tokens using `handoff-spec` skill. 2. **Interaction specs** — Define states and behaviors using `handoff-spec` skill. 3. **QA criteria** — Create implementation checklist using `design-qa-checklist` skill. 4. **Review readiness** — Verify against review criteria using `design-review-process` skill. 5. **Version** — Tag the design version being handed off using `version-control-strategy` skill. 6. **Package** — Compile all specs, assets, and notes. ## Output Complete handoff package ...
Generate a developer handoff package.
handoff-spec skill.handoff-spec skill.design-qa-checklist skill.design-review-process skill.version-control-strategy skill.Complete handoff package with visual specs, interaction specs, asset list, QA checklist, and implementation notes.
Consider following up with /setup-workflow to establish the ongoing QA process.
npx claudepluginhub sethdford/claude-skills --plugin designer-ops/handoffGenerates a developer handoff package for the specified screen, feature, or component, including visual specs, interaction specs, QA checklist, assets, and notes.
/design-exportGenerates a dev-handoff spec from component/screen descriptions, including component inventory, design token map, interaction states, redlines, and accessibility checklist.
/uxOrchestrates UX design workflow phases (research, define, ideate, system, prototype, test, handoff, QA); smart-routes next steps or audits from artifacts.
/product-devGenerates dev handoff package with CLAUDE.md, TASKS.md, TICKETS.md, ARCHITECTURE.md, setup.sh, PRD.md, PRODUCT-SPEC.md, .gitignore update, and Claude Code guide.
/design-handoffGenerates a developer handoff document from a Figma file — extracts spacing specs, design tokens, component APIs, and production-ready code snippets for implementation.
/design-intentGuides UI/visual development via 7-phase process: discovery, exploration, architecture, implementation, review, and documentation. Optional visual reference (screenshot/Figma) or description; supports --quick mode.