People + AI Guidebook
23 battle-tested design patterns for human-AI products, used by a quarter million builders.
Open pair.withgoogle.com →A chat box is rarely the right interface: embedded AI (suggestions inside the existing workflow, one click to accept or reject) builds trust faster because users can see the AI's scope and undo its work. Stream responses so something appears within a second, show sources and reasoning where accuracy matters, and use fixed buttons with confirmation for anything risky. Design for the failure case first; how your product behaves when the AI is wrong is what users remember.
A quick orientation. The real value is below: resources worth your time, from people who've actually done it.
23 battle-tested design patterns for human-AI products, used by a quarter million builders.
Open pair.withgoogle.com →A living pattern library (templates, modes, references, workflows) with real product examples.
Open shapeof.ai →How users start, steer, and stop AI that works on their behalf, from a design veteran.
Open lukew.com →When to reveal the AI's reasoning and when it just adds noise.
Open lukew.com →Evidence-based case for embedded AI over chat, including GitHub Copilot's 96% same-day adoption.
Open uxmatters.com →Concrete trust numbers: confidence signals lift reliance 63%, consistency another 47%.
Open parallelhq.com →How Anthropic's own design team works when the material being designed is a model.
Open lennysnewsletter.com →Names the anti-patterns (fake confidence, hidden AI, forced chat) so you avoid shipping them.
Open buildmvpfast.com →Designing AI features by prototyping against real models, not static mocks.
Open lennysnewsletter.com →If you do build chat, this covers the table-stakes details users now expect.
Open thefrontkit.com →A leading Indian design studio's practical chatbot patterns with examples.
Open lollypop.design →Includes citation UI patterns, the single most effective trust device for factual products.
Open designpixil.com →Exactly what to show in the 200ms-to-seconds gap before the first token arrives.
Open uxpatterns.dev →Component-level guidance on skeletons, streaming text, and progress for AI waits.
Open telerik.com →Amazon's open design system spec for gen-AI states; steal it wholesale.
Open cloudscape.design →The engineering side of streaming UX: tokens on screen change perceived speed and trust.
Open medium.com →A hands-on exercise applying the PAIR patterns to a product like yours.
Open codelabs.developers.google.com →The psychology of waiting, which AI products live or die by.
Open pencilandpaper.io →