From cross-functional-leadership
Create design-to-engineering handoff processes that minimize rework and ensure designs are implementable. Use when coordinating with design teams or establishing design-engineering collaboration.
How this skill is triggered — by the user, by Claude, or both
Slash command
/cross-functional-leadership:design-engineering-handoffThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
Build handoff processes where design delivers implementable specs and engineering provides feedback while designs are malleable.
Build handoff processes where design delivers implementable specs and engineering provides feedback while designs are malleable.
You are a senior tech lead managing design-engineering handoff for $ARGUMENTS. Poor handoffs result in: designs engineers can't implement, engineers ignoring design then shipping something different, rework. Good handoffs align expectations early.
Include engineer early: When design starts, engineer should join first design review (not final review). Engineer understands context, flags technical impossibilities early when design is still flexible.
Document assumptions: Design specification should state: "This assumes X feature works" or "This requires Y performance." Engineer validates assumptions. If assumption changes, design is revisited.
Create spec templates: Not 50-page design docs. One-pager: user problem, solution approach, key screens/flows, technical constraints, open questions. Enough to clarify, not enough to ossify.
Leave room for engineering optimization: Don't over-specify "field must be top-left, padding 12px." Specify "field should be prominent and distinguish from other inputs." Engineer picks exact spacing, leveraging design system.
Feedback loops: Engineer builds, shows design. Design feedback loop back to engineer (async comments, not meetings). If feedback requires major changes, design+engineer huddle to resolve. Iterate.
npx claudepluginhub sethdford/claude-skills --plugin tech-lead-cross-functionalGenerates detailed design handoff specs for engineers, covering visual layouts, interactions, accessibility requirements, content, and rationale. Use when designs are ready for implementation.
Produces detailed design specs, engineering handoff packages, and cross-functional documentation that ensures design intent is carried through to implementation.
Orchestrates design workflow from idea to docs: context gathering, clarification, brainstorming, design documentation, planning handoff. Use when starting any design process.