Skip to main content
The AI assistant lives in the chat panel on the left side of the editor. You can describe what you want in plain English and the assistant will write code, create files, debug issues, and deploy your site.

​
Opening the chat

The AI chat panel is visible by default when you open the code editor. If you’ve closed it, click the chat icon in the toolbar to reopen it.

​
Sending messages

Type your message in the input field and press Enter to send. The AI reads your project files for context, so you can reference specific pages, components, or styles by name.

​
@mentions for files

Type @ followed by a filename to explicitly reference a file in your message. This tells the AI to focus on that file when generating a response. 
Update the hero section in @index.html to use a gradient background

​
Attaching images and files

You can drag and drop or paste images and files into the chat input. The AI can analyze images (like screenshots or mockups) and use them as reference when generating code.
Attachment limits:
  • Maximum 20 attachments per message
  • Images up to 20 MB each
  • Videos up to 100 MB each

​
Slash commands

CommandDescription
/clearClear the conversation history and start fresh
/compactSummarize the conversation to save context space
/helpShow available commands and usage tips
/contextDisplay the current context window usage

​
Reasoning effort

Control how deeply the AI thinks before responding:
  • Low — fast responses for simple tasks like renaming or small edits
  • Medium — balanced reasoning for most coding tasks
  • High — thorough analysis for complex architecture or debugging
You can adjust reasoning effort from the dropdown next to the send button.

​
AI credits

Every message that uses a Max or Ultra model consumes AI credits from your account. Mini model messages are free. See AI Credits for details on plans and usage.