Skip to main content

Advanced Chat Tips

To get the best results from AI, follow these tips.

Use the Right Mode​

Build Mode​

Use for:

  • Creating new components
  • Adding features
  • Editing code
  • Making changes

Ask Mode​

Use for:

  • Quick questions
  • Code explanations
  • Understanding code
  • No file changes needed

How to Ask Questions​

Weak​

"Make something"

Good​

"Create a React component to display a product card"

Great​

"Create a React component to display a product card. Card should include image, name, price, and buy button. Style with Tailwind."

Requesting Changes​

If the result isn't good, say what change you want:

"Make the button bigger"

"Make the background darker"

"Add an animation too"

Referencing Files​

You can reference specific files:

"Add a dropdown menu to Header.jsx"

"Look at App.jsx code and tell me what's wrong"

File Upload​

You can upload files or images:

  1. Click the attachment icon
  2. Select the file
  3. Or drag and drop

Use Cases​

  • Upload UI design for implementation
  • Upload error screenshot for debugging
  • Upload code file for review

Multiple Chats​

Each project can have multiple chats:

  • Main chat: For project development
  • New chat: For testing ideas
  • Old chats: Conversation history

Create New Chat​

In the chat list, click +.

Managing Chats​

In the left sidebar:

  • Chat list: All project chats
  • Active chat: Highlighted
  • Delete chat: From three dots menu
Tip

Each chat has independent history. For new topics, create a new chat.