Slash Commands
Use slash commands for quick actions in the AI chat interface.
Slash commands provide shortcuts for common actions in the chat interface. Type / followed by a command name to quickly access features without clicking through menus.
Available Commands
| Command | Description | What It Does |
|---|---|---|
/components | Add UI components | Opens the component library to select components |
/images | Open image gallery | Opens your media library to attach images |
/upload | Upload new files | Opens file upload dialog for images or documents |
/documents | Attach documents | Opens your document library to attach files |
/design | Toggle Design Mode | Enables/disables visual element selection |
/model | Change AI model | Opens the model selector to switch models |
/clear | Clear conversation | Removes all messages and starts fresh |
/summarize | Compress context | Summarizes conversation to reduce token usage |
How to Use Slash Commands
Basic Usage
- Type
/in the chat input - A menu appears showing available commands
- Continue typing to filter (e.g.,
/desfinds/design) - Click a command or press Enter to execute
- Or press Escape to close the menu
Keyboard Navigation
When the command menu is open:
- Up/Down arrows — Navigate options
- Enter — Execute selected command
- Escape — Close menu
Command Details
/components
Opens the component library selector.
Use case: Add a specific UI component as context for your message.
/components → Select "Hero Section" → "Use this hero component but change the layout to center the content"/images
Opens your image gallery.
Use case: Attach existing images from your media library.
/images → Select product screenshot → "Add this image to the features section"/upload
Opens the file upload dialog.
Use case: Upload new images or documents to attach.
/upload → Select "brand-logo.png" → "Use this as the logo in the navigation"/documents
Opens your document library.
Use case: Attach documents for AI to reference.
/documents → Select "Brand Guidelines.pdf" → "Follow these guidelines for the color scheme"Only indexed documents appear in the selector. Documents still being processed won't be available.
/design
Toggles Design Mode on or off.
Use case: Enable visual selection for precise element targeting.
/design → Click element in preview → "Make this button larger"If Design Mode is already on, /design turns it off.
/model
Opens the model selector.
Use case: Switch to a different AI model.
/model → Select "Claude Sonnet 4.5" → Next message uses new model/clear
Clears the conversation history.
Use case: Start fresh when context is no longer relevant.
/clear → Confirmation → Clean conversation stateClearing is immediate and cannot be undone. All previous messages are removed from the current session.
/summarize
Compresses the conversation into a summary.
Use case: Reduce context usage while preserving key information.
/summarize → AI creates a summary → Context percentage dropsSummarization is only available when context usage is above 20%. If disabled, your conversation is still short enough that summarization isn't needed.
Tips and Best Practices
Quick Access
Slash commands are faster than clicking menus:
- Instead of: Click → Click Documents → Select file
- Use:
/documents→ Select file
Combine with Messages
You can execute a command and then type your message:
- Type
/imagesand select an image - Image attaches to input
- Type "Use this as the hero background"
- Send
Search While Typing
Start typing after / to filter commands:
/dshows/designand/documents/clshows/clear/sshows/summarize
Model Command After Errors
If you're getting unexpected results, try switching models:
/model → Select a different model → Retry your requestDifferent models may interpret your request better.