design-engineering

SKILL.md

Bridge design and engineering teams by clarifying roles, organizational placement, and hiring strategy.

Defines design engineering as merging UX design with engineering to accelerate prototyping and production shipping, with scope varying from validation prototypes to production-ready code

Emphasizes combining design sensibility with shipping ability rather than seeking unicorn-level expertise in both disciplines

Guides organizational placement decisions, handoff friction diagnosis, and assessment of whether to hire specialists or develop existing team members

Flags common pitfalls including unclear scope, isolated team placement, and unrealistic hiring expectations

Design Engineering

Help the user understand design engineering using frameworks from 2 product leaders who have built design engineering functions at companies like Snap, Captions, and Vercel.

How to Help

When the user asks for help with design engineering:

Define the role - Clarify what design engineering means in their context (prototyping, production code, or both)

Identify the need - Determine if the gap is between design and engineering handoffs, prototype fidelity, or shipping speed

Assess feasibility - Help them evaluate whether to hire specialists or develop existing team members

Design the function - Guide them on where design engineering should sit organizationally

Core Principles

Merge UX design and engineering

Gaurav Misra: "A big part of what I did there was create this function called design engineering." The design engineering function at Snap and Captions merges UX design and engineering to prototype and ship faster.