See the Prompting Guide for tips on writing better prompts.
Plans
Your plan determines which models and capabilities the agent uses.- Free has basic models and limited credits.
- Pro unlocks stronger models, deeper reasoning, more credits, and more context.
- Max gives you the most capable models, plus autonomous features like browser testing, test running, and background tasks.
Code generation
Under the hood, it generates React for web apps and React Native for mobile apps. You don’t need to know either. Describe what you want in plain language. Tell it what your app should do, not how to implement it. “Add a settings page where users can update their profile” beats “create a React component with useState hooks for form fields.”Modes
Switch modes in the mode selector at the bottom of the chat.- Auto picks the best approach for the task.
- Discussion for chatting without making changes. Plan, ask questions, get feedback.
- Thinking is best for most requests. More accurate, but slightly slower.
- Fast is good for simple tasks. Faster and uses fewer credits, but less accurate.
- Max is autonomous. Give it a goal and it builds, tests, and fixes on its own.
Model switcher
The model selector (next to the mode selector) lets you override the agent’s model choice. By default, the agent picks the best model for the task.Thinking
Work gets broken into steps. Expand each step to see the reasoning: why it made certain decisions, what it considered, how it approached the problem. Useful when something doesn’t work as expected.Capabilities
It does more than write code:- Web search. Give it a URL or ask it to search for reference material.
- Integrations: press
/to add AI services and other tools. The agent wires them up. - Image generation. Creates images and assets for your app (icons, illustrations, backgrounds).
- Error fixing tries to fix errors on its own. You can also say “fix me” or paste error messages into chat.
- History search: looks back at previous versions to understand context or restore behavior.
- Images. Paste screenshots, mockups, or design references to match styles and layouts.
- And much more
- Browser testing. Opens your app in a real browser, clicks through it, finds issues.
- Test running: runs your backend logic to verify it works.
- Background tasks let it work on larger goals while you do other things.
Threads
Press New chat in the left sidebar to start a new thread. Each thread has its own context.- Start your app in one thread
- Start a new thread for each feature
- Work across threads in parallel
Fixing errors
Most errors happen because the agent doesn’t have enough context.- Be specific. What’s wrong, what you expected, what happened instead.
- Paste the error: copy error messages from the app, logs, or your browser into chat.
- Let it try. It fixes errors on its own by default. If it misses, give it more detail.