Design stays human. AI handles the rest.
I use AI across every layer of the stack — strategy, research, design systems and build — to move faster, decide better and ship real products.
Designed for the AI era.
Products where AI does the heavy lifting — and the design decisions that make it feel effortless.
AI in every layer
of the full stack.
From the business case to the shipped pixel, AI speeds up the work around design — the thinking, judgement and taste stay human.
- 01Strategy
Discovery & strategy
Market scans, competitor teardowns and opportunity maps in hours — so the first workshop starts with evidence, not guesses.
- 02Research
Research synthesis
Interview notes and survey answers clustered into themes, personas and journeys — then checked by hand against the raw data.
- 03Experience
Flows & edge cases
Requirements broken into flows, states and edge cases before a single screen is drawn — fewer surprises in build.
- 04Brand
Brand exploration
Naming, voice and visual directions explored wide and fast, then narrowed and finished by eye.
- 05Systems
Design systems
Tokens, component specs and documentation generated and kept in sync — the repetitive half of a system, off the critical path.
- 06Build
Code & prototypes
Working prototypes and production front-end in HTML, CSS and React — closing the gap between what's designed and what ships.
- 07Quality
Accessibility & QA
Contrast, keyboard and consistency audits on every release, so issues are caught before customers meet them.
- 08Agents
Agents & MCPs
Figma, Claude, Codex and deployment tools connected through MCP, sharing context instead of working in silos.
The stack,
and what each is for.
Reached for every day. A short list on purpose — each tool earns its place.
- ClClaudeThinking & code
- CxOpenAI CodexPair programming
- FgFigmaDesign & systems
- AdAdobe CCBrand & imagery
- VcVercelShip & host
- SbSupabaseData & auth
- GhGitHubVersioning
- PxPixelcutImage edits