design-engineering

Installation
Summary

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
SKILL.md

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:

  1. Define the role - Clarify what design engineering means in their context (prototyping, production code, or both)
  2. Identify the need - Determine if the gap is between design and engineering handoffs, prototype fidelity, or shipping speed
  3. Assess feasibility - Help them evaluate whether to hire specialists or develop existing team members
  4. 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.

Combine design sensibility with shipping ability

Related skills
Installs
1.2K
GitHub Stars
890
First Seen
Jan 29, 2026