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.
Perfect for AI coding assistants, enterprise knowledge management tools, and collaborative platforms where users need to reference specific files or documents in conversations.
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:
The @ symbol triggers an autocomplete menu displaying available files and documents that can be referenced in the conversation, enabling users to pull external context into their AI interactions.
Switch between AI capabilities within composer
Adding context sources via menu with removable chips
Switch between text, voice, and dictation modes
Suggested next turns
Cmd+K for AI
Quick actions via /
Weekly AI interface UX notes and resources on Substack, no spam, unsubscribe anytime.