Inputs

Context Mentions

Share

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.

Examples in Wild

CursorNotion AISlackLinear

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:

Real-World Examples

Cursor showing context mentions with @ symbol for referencing files
Click to enlarge
Cursor

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.

Interactive Demo
Restart demo
Files

Get new patterns by email

Weekly AI interface UX notes and resources on Substack, no spam, unsubscribe anytime.

Subscribe on Substack