Context Mentions
Context mentions is an AI interface design pattern that enables users to explicitly reference files, documents, data sources, or other AI agents by typing the @ symbol in chat interfaces. This UX pattern provides a discoverable way to pull external context into the conversation window, making AI interactions more powerful and contextually aware. When users type @, an autocomplete menu appears showing available files, documents, or agents they can mention, allowing them to build rich, multi-source conversations. This pattern is essential for enterprise AI tools and coding assistants where users need to reference specific code files, documentation, or knowledge bases to get accurate, context-aware responses.
Use case
Perfect for AI coding assistants, enterprise knowledge management tools, and collaborative platforms where users need to reference specific files or documents in conversations.
Use this pattern in your project
Copy this prompt to generate a production-ready implementation in Cursor, Claude Code, Lovable, or any AI coding agent.
Generate a production-ready implementation of the "Context Mentions" AI interface design pattern.
Pattern Description:Related patterns
- Inputs
Tool Switching in Composer
Switch between AI capabilities within composer
- Inputs
Context Chip Management
Adding context sources via menu with removable chips
- Inputs
Input Mode Toggle
Switch between text, voice, and dictation modes
- Inputs
Follow-up Chips
Suggested next turns
- Inputs
Command Bar
Cmd+K for AI
- Inputs
Slash Commands
Quick actions via /