design-engineering

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

INSTALLATION
npx skills add https://github.com/refoundai/lenny-skills --skill design-engineering
Run in your project or agent environment. Adjust flags if your CLI version differs.

SKILL.md

$2a

Combine design sensibility with shipping ability

Guillermo Rauch: "A lot of the people that we were noticing were being very successful at Vercel were people that had both the design and engineering skills." The most valued design engineers combine high-end design sensibility with the ability to ship production-ready code.

Questions to Help Users

  • "What's the current handoff friction between design and engineering?"
  • "Do you need prototypes for validation or production-ready code?"
  • "Where would design engineering sit in your org - design, engineering, or product?"
  • "Do you have existing team members who could grow into this role?"
  • "What tools and frameworks would design engineers use?"

Common Mistakes to Flag

  • Unclear scope - Not defining whether design engineers prototype or ship production code
  • Wrong org placement - Isolating design engineers from both design and engineering teams
  • Hiring for unicorns - Looking for people who are world-class at both rather than strong at the intersection
  • Ignoring AI tools - Missing how AI-assisted development is making this role more accessible

Deep Dive

For all 2 insights from 2 guests, see references/guest-insights.md

Related Skills

  • Technical Roadmaps
  • Managing Tech Debt
  • Platform & Infrastructure
  • Engineering Culture
BrowserAct

Let your agent run on any real-world website

Bypass CAPTCHA & anti-bot for free. Start local, scale to cloud.

Explore BrowserAct Skills →

Stop writing automation&scrapers

Install the CLI. Run your first Skill in 30 seconds. Scale when you're ready.

Start free
free · no credit card