Descriptions:
Owen Williams, design manager at Stripe, joins host Claire Vo on the How I AI podcast to walk through Protodash — an internal vibe-coding platform he spent 18 months building that is now used across Stripe’s product and design organization. The tool addresses a specific pain point: designers using v0, Cursor, or Claude to prototype Stripe dashboards kept producing what Williams calls “indigo blur slop” — generic Tailwind layouts that don’t reflect Stripe’s actual design system, breaking immersion in design reviews.
Protodash bundles a set of Cursor rules with pre-configured React scaffolding that encodes Stripe’s navigation chrome, routing, and component library. Designers and PMs describe what they want in natural language, and the tool generates realistic, on-brand dashboard prototypes — getting approximately 90% of the way there without manual design system knowledge. Williams notes that PMs have adopted it even more heavily than designers, using it to create convincing interactive prototypes that are difficult to distinguish from the real product.
The conversation covers the agent-assisted iteration loop (Claude can take screenshots, read the browser console, and self-correct), the value of leaving room for “happy accidents” in AI-generated design variants, and comparisons to Claude’s own variant-generation feature. For engineering and product teams thinking about how to make AI coding tools enterprise-ready, Protodash offers a concrete model: opinionated scaffolding plus design system context as the foundation for reliable, brand-consistent AI prototyping.
📺 Source: How I AI · Published May 04, 2026
🏷️ Format: Interview
