01/ 05

Chapter Two

II

The Design Shift

Four eras of AI products

How the shift happened

If the stack tells you what's there, the shift tells you how we got here. AI products have moved through four shapes over the last three years.

They are not a maturity model, but the trajectory is clear, and it changes how engineering work feels.

Four eras of AI products

i
AI as feature2022 — 2023
Bolted-on chatbot. "Summarize" buttons. The model is a side dish; the product was a product before the model arrived.Zoom AI Companion, Canva Magic Write, GrammarlyGO, HubSpot AI
ii
AI as copilot2023 — 2024
Inline assist. The model accelerates an existing flow without changing the flow's shape. The user still drives and approves each meaningful step.GitHub Copilot, Notion AI, Cursor (early), Duet AI in Workspace
iii
AI as agent2024 — 2025
Multi-step delegation. The user states intent; the system figures out the steps. The harness layer becomes load-bearing: planning, tool use, and retries happen in-loop.Cursor Agent, Claude Code, Devin, OpenAI Operator/Codex workflows
iv
AI-native2025 +
The product is the agent loop. The UI is increasingly generated and adapted at runtime. The boundary between spec and product gets thin.v0, Lovable, Bolt, Replit Agent, Cline-style app generators

Design Implications

Design Shifts in AI-Native Products

How interaction design changes as products move from feature to AI-native.

Code
Context
  • Design behavior, not only screens.
  • Define intent and examples clearly.
  • Set tone, boundaries, and success criteria.
Fixed flows
Emergent flows
  • Replace rigid flows with a guided workspace.
  • Allow plans to adapt in real time.
  • Keep users able to inspect, steer, approve, or stop.
Deterministic
Probabilistic
  • Design for trust, not perfect certainty.
  • Show evidence and surface uncertainty.
  • Make retry, edit, and recovery easy.

Transition

Intent Shift

Vibe coding lands you at working codes. Vibe Design lands you at a working system with the right shape.

Vibe coding

Karpathy's coinage

"There is a new kind of coding I call vibe coding, where you fully give in to the vibes, embrace exponentials, and forget that the code even exists. ...... I just see stuff, say stuff, run stuff, and copy paste stuff, and it mostly works."

Vibe Design

the broader practice

Vibe Design is the practice of building AI-native systems by shaping intent and context at system scope, while AI fills in implementation across architecture, code, and UI.