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.

Redesign an existing product
Claude Design ↔ Codebase
Learn Moodboard
Stylescape / Style Tiles
Key Visual Decisions
Package → Cowork on New Branch
Detail Fixes

Claude Design connects to the live codebase, then learns a new moodboard and distills it into stylescapes and style tiles. I make the key visual calls — that judgment stays human. Claude Design generates a package back to Cowork, which builds the redesign on a fresh branch, and I close the loop by tuning details.

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