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.

AI workflow: a brief goes to an agent, which fans out to research, design and build, then review, ship and go live. BriefGOALS · USERS · KPI AgentCLAUDE · MCP · 6 TOOLS Thinking… Researchinsights.md · 24 notes Designfigma · 38 frames Buildreact · 412 loc ReviewA11Y · QA · 4.5:1 ShipVERCEL · GIT · CDN LIVE
Working with AI

Designed for the AI era.

Products where AI does the heavy lifting — and the design decisions that make it feel effortless.

Let's build with AI
The loop

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.

  1. 01Strategy

    Discovery & strategy

    Market scans, competitor teardowns and opportunity maps in hours — so the first workshop starts with evidence, not guesses.

  2. 02Research

    Research synthesis

    Interview notes and survey answers clustered into themes, personas and journeys — then checked by hand against the raw data.

  3. 03Experience

    Flows & edge cases

    Requirements broken into flows, states and edge cases before a single screen is drawn — fewer surprises in build.

  4. 04Brand

    Brand exploration

    Naming, voice and visual directions explored wide and fast, then narrowed and finished by eye.

  5. 05Systems

    Design systems

    Tokens, component specs and documentation generated and kept in sync — the repetitive half of a system, off the critical path.

  6. 06Build

    Code & prototypes

    Working prototypes and production front-end in HTML, CSS and React — closing the gap between what's designed and what ships.

  7. 07Quality

    Accessibility & QA

    Contrast, keyboard and consistency audits on every release, so issues are caught before customers meet them.

  8. 08Agents

    Agents & MCPs

    Figma, Claude, Codex and deployment tools connected through MCP, sharing context instead of working in silos.

AI tools

The stack,
and what each is for.

Reached for every day. A short list on purpose — each tool earns its place.

  • Cl
    ClaudeThinking & code
  • Cx
    OpenAI CodexPair programming
  • Fg
    FigmaDesign & systems
  • Ad
    Adobe CCBrand & imagery
  • Vc
    VercelShip & host
  • Sb
    SupabaseData & auth
  • Gh
    GitHubVersioning
  • Px
    PixelcutImage edits