Slash Commands
Slash commands is an AI interface design pattern that enables power users to quickly trigger specific models, templates, or actions by typing a forward slash (/) in the chat input, which displays a menu of available commands. This UX pattern provides keyboard-first access to AI capabilities, allowing users to bypass menus and directly invoke features like switching AI models, applying templates, or executing specific actions. When users type "/", a dropdown menu appears showing available commands with descriptions, and users can navigate and select commands using keyboard shortcuts. This pattern accelerates workflows for experienced users who prefer keyboard navigation over mouse interactions, making AI tools more efficient and discoverable. It's essential for productivity tools, developer environments, and applications where power users need fast access to advanced features.
Use Case
Perfect for IDEs, productivity tools, and developer environments where power users need quick keyboard-first access to AI models, templates, and actions.
Examples in Wild
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 "Slash Commands" AI interface design pattern.
Pattern Description:Related Patterns
Tool Switching in Composer
Switch between AI capabilities within composer
Context Chip Management
Adding context sources via menu with removable chips
Input Mode Toggle
Switch between text, voice, and dictation modes
Follow-up Chips
Suggested next turns
Command Bar
Cmd+K for AI
Context Mentions
Reference files via @
Get new patterns by email
Weekly AI interface UX notes and resources on Substack, no spam, unsubscribe anytime.