How I Think

In practice

These are workflows I've built, tested, and refined — each shaped for a different kind of problem. They're always evolving. Get in touch if you'd like to know more.

Designer → Engineer: The AI-Verifiable Handoff
Figma
Package: TSX + CSS + DS Spec
Reference Demo Image
Engineer's Agent Validates
PR

Instead of static mocks, engineers receive a package of TSX, CSS, and design-system spec alongside reference demo images. Their coding agent checks the implementation against my design — verification by agent, not by someone squinting at Figma.

Designer → Engineer: The Living Screen Registry
Coding Agent
Capture Key Flow Screens
Registry Table
Auto-Update on Every Push

A coding agent records the key screens of every core flow into a registry table that updates whenever code is pushed — design documentation that can never drift from what's actually in production.

Ship a product with UI
Hand Sketch
Figma Make
Google Stitch
Figma → Cursor MCP
Cursor
Vercel
Ship a Design System
Claude → Figma MCP
Figma Design System
Build & deploy AI agents
Claude Code
Create Skills
Upload & apply to agents
04Automate a content pipeline
Source
Agent Layer
Transform
Distribute
Loop
05Ship a mobile app solo
Brief
Module Map
Design Tokens
AI Build
TestFlight
App Store
06Run a nightly QA system
Codebase Scan
Cross-check
Flag
Report
Fix Loop