| name | ai-suggestions |
| description | Use when implementing aI-powered autocomplete and suggestions. |
| metadata | {"id":"ai-suggestions","category":"ai-intelligence","pattern":"AI Suggestions","source":"uxpatterns.dev","url":"https://uxpatterns.dev/patterns/ai-intelligence/ai-suggestions","sourcePath":"apps/web/content/patterns/ai-intelligence/ai-suggestions.mdx"} |
AI Suggestions
AI-powered autocomplete and suggestions
What it solves
A AI Suggestions pattern helps teams create a reliable way to offer AI-generated next steps, completions, or recommendations while keeping the user in control. It is most useful when teams need inline prompt completion.
Compared with adjacent patterns, this pattern should reduce friction without hiding the state, rules, or recovery paths people need to keep moving.
When to use
- Inline prompt completion
- Recommended next actions
- AI help inside editors and forms
When to avoid
- Avoid adding AI-specific UI when a standard non-AI workflow would be clearer and more reliable.
- Do not expose advanced controls unless users can actually benefit from them.
- Do not hide model uncertainty behind polished visuals alone.
Implementation workflow
- Confirm the pattern matches the problem and constraints before copying the example.
- Start from the anatomy and examples in
references/pattern.md, then choose the smallest viable variation.
- Apply accessibility, performance, and interaction guardrails before layering visual polish.
- Use the testing guidance to verify behavior across keyboard, screen reader, responsive, and failure scenarios.
