How to Design AI Citations & Sources UX
A build playbook for grounded answers: Trust Scaffolding, citation pattern demos, and ChatGPT vs Perplexity teardown lessons.
5 patterns · 12 min
AI UX deep dives: patterns with demos
Long-form pattern essays with embedded demos: chat composers, trust stacks, agent autonomy, onboarding, visual AI controls, and product philosophy breakdowns.
How to Design AI Chat Composer UX
A build playbook for AI intent capture: Chat UX patterns plus ChatGPT vs Claude vs Perplexity vs Gemini composer teardown lessons.
5 patterns · 12 min
How to Design AI Output, Artifacts & Refinement UX
A build playbook for keepable AI output: artifacts, refinement, and ChatGPT vs Claude vs Perplexity vs Gemini teardown lessons.
5 patterns · 12 min
How to Design AI Memory & Personalization UX
A build playbook for inspectable continuity: memory controls, persona settings, and ChatGPT vs Claude vs Perplexity teardown lessons.
3 patterns · 12 min
How to Design AI Onboarding & First-Value UX
A build playbook for time-to-first-success: example prompts, wizards, and Notion AI vs Lovable vs Manus teardown lessons.
4 patterns · 12 min
How to Design Human-in-the-Loop UX
A build playbook for AI approval gates: Trust and Agentic frameworks, pattern demos, and ChatGPT vs Gemini vs Perplexity teardown lessons.
5 patterns · 12 min
Designing Better AI Chat: A Deep Dive (Part 2 of 2)
Citations, memory, thread navigation, export, and recovery patterns that turn AI chat from a demo into dependable infrastructure.
12 min
Designing Better AI Chat: A Deep Dive (Part 1 of 2)
How to make AI chat interfaces clear, controllable, and trustworthy with proven UX patterns.
12 min
Claude vs ChatGPT: A Deep Dive into Composer Design Philosophy
Same technology, different visions. How ChatGPT and Claude's interface choices reveal competing philosophies about AI's future.
10 min
The Trust Stack: 7 Patterns That Make AI Feel Safe to Use
Capability doesn't equal adoption. Here are seven UX patterns that build trust through interface design itself.
7 patterns · 8 min
The AI Chat Interface Playbook: 5 Patterns Every Developer Should Know
Building a chat UI for your AI app? These patterns separate amateur interfaces from products people actually want to use.
5 patterns · 7 min
How Cursor Reinvented the AI Coding Experience: 5 UX Patterns Worth Stealing
Cursor isn't winning because of its AI. It's winning because of how that AI is surfaced.
5 patterns · 7 min
Designing for AI Agents: 6 UX Patterns for Autonomous Workflows
When AI goes from answering questions to taking actions, everything about interface design changes.
6 patterns · 8 min
Visual AI Made Intuitive: 5 Design Patterns from Midjourney, Figma, and Runway
Generative image AI is powerful. These patterns make it usable.
5 patterns · 6 min
Onboarding Users to AI: 4 Patterns That Reduce the Learning Curve
Users don't know what to ask. Here's how the best AI products teach them.
4 patterns · 6 min
Frequently asked questions
What is an AI UX deep dive?
Each deep dive explains a cluster of related interface patterns: how they work, when to use them, and what breaks in production. This hub includes 15 essays with embedded demos linked to the main pattern catalog.
How do deep dives relate to the pattern catalog?
Deep dives are narrative glue across multiple catalog patterns. A trust or chat essay connects five to seven patterns with product context; each demo links to a full pattern page with definition, anti-patterns, and examples.
Which deep dive should product teams read first?
Teams shipping chat should start with Designing better AI chat (parts 1 and 2). Teams adding autonomy or tools should read Designing for AI agents. Trust and safety work maps to The Trust Stack.