AI Assistant Patterns
Patterns for chat assistants and the AI surfaces built into products people already use.
35 patterns · 32 products · 39 captures
Input and invocation 7
Everything between an empty screen and a sent request: what to ask, how to say it, what to attach, and how much effort to spend.
The viewer adds a file to the question and needs to see what the model will actually read.
file drop · upload chip · context attachment Command menuPower users need to name a tool, a file or a person without describing it in a sentence.
slash commands · at-mentions · prompt shortcuts ComposerOne box has to take a word, a page, a file and a keyboard shortcut without growing into the whole screen.
prompt box · input bar · message box First-run stateThe most common screen in the product is an empty box, and it has to teach without running a tour.
empty chat · onboarding state · zero state Mode switchThe same question wants a fast answer some days and a researched one others.
search toggle · think harder · deep research Model pickerSeveral models sit behind one box, and the difference between them stays invisible until the answer arrives.
model switcher · engine selector Prompt startersAn empty box tells a first-time viewer nothing about what the thing can do.
suggested prompts · example questions · conversation startersTurn and response 6
The unit of exchange and what happens to it: arriving, being interrupted, being run again, being acted on.
The question was badly worded, and asking again pushes the bad exchange down the transcript instead of replacing it.
edit prompt · revise question · fork from here Message turnTwo voices alternate down one column, and the reader has to know at a glance which one is speaking.
chat bubble · turn · message pair RegenerateThe answer is wrong or flat, and the only obvious recourse is retyping the question.
try again · retry response · alternate response Response actionsCopying, rating, sharing and rerunning all attach to one message, and none of them can dominate it.
message toolbar · copy and rate · feedback row Stop generationThe answer went wrong in its first sentence and the viewer has to sit through the other four hundred words.
interrupt · halt · cancel response Streaming responseA model takes ten seconds to finish a thought, and ten seconds of spinner reads as broken.
token streaming · progressive rendering · typewriter effectOutput shape 4
When the answer is a thing rather than a reply, and a transcript is the wrong container for it.
The answer is a document or a program, and a chat transcript is the wrong container for either.
canvas · side-by-side output · preview pane Code block actionsGenerated code gets read in one place and used in another.
copy button · run snippet · apply to file Response collapseOne answer runs to eight screens and buries every other turn in the conversation.
long answer fold · show more · truncated response Structured outputThe answer is a comparison, and prose is the worst available shape for one.
generated table · comparison grid · formatted answerGrounding and disclosure 5
Where an answer came from and what the system did to produce it, which is how a reader decides whether to believe it.
A well-sourced paragraph and a fabricated one read identically until the viewer can see where each claim came from.
source badge · inline citation · footnote marker Knowledge cutoff noticeThe answer is stated in the present tense about a world the model last saw a year ago.
training date · staleness warning · may be outdated Reasoning disclosureThe model worked for thirty seconds and the viewer wants to know whether it understood the question.
thinking · chain of thought · show work Source listThe answer drew on eight pages, and the viewer needs to judge those pages before trusting it.
references panel · sources rail · retrieved documents Tool call traceThe assistant did something in the world, and the viewer only sees the sentence describing it afterwards.
function call · action log · ran a searchMemory and context 5
What the assistant carries between turns, what it can see, and how much of that fits.
A long conversation quietly stops remembering its own beginning.
context window indicator · token budget · conversation length Conversation historyThe useful exchange was three days ago and the viewer remembers one word from it.
thread list · chat sidebar · recents Custom instructionsThe same correction gets retyped at the start of every conversation.
system prompt · preferences · style guide Memory chipThe assistant knows something about the viewer that the viewer never agreed to in this conversation.
remembered · saved detail · persistent context Scoped contextThe assistant sits inside a product full of data and the viewer cannot tell how much of it is in scope.
context pills · working set · what it can seeIn-product assistance 5
Patterns that only exist inside a product built for something else, where the work is already on screen.
The feature has to be findable inside a product people already know, without retraining them on it.
sparkle button · magic icon · assist affordance Assistant sidebarThe conversation has to sit next to the work without covering the work up.
AI panel · chat drawer · side rail assistant Ghost textA suggestion has to be readable in place and obviously not yet real.
inline completion · autosuggest · grey text Inline assistThe viewer wants one paragraph changed and does not want to leave the document to ask for it.
select to edit · rewrite selection · contextual AI Suggestion diffThe model rewrote a paragraph and the viewer has to see exactly what changed before agreeing to it.
accept or reject · tracked change · proposed editLimits and failure 3
The edges: what it will not do, what it has run out of, and what happens when it breaks.
The stream died halfway and left a half-written paragraph on the screen.
failed response · retry state · network interruption RefusalThe assistant will not do the thing, and the viewer needs to know whether to rephrase or give up.
declined response · safe completion · guardrail message Usage meterThe viewer is spending a finite resource they cannot see until it runs out.
rate limit · message quota · plan ceiling
Machine-readable: llms.txt. Every pattern page has a
markdown twin at /ai-assistants/<slug>.md.