How It Works
Simply type what you want in the chat input and press Enter. Leo will:- Understand your request - Analyze what you’re asking for
- Plan the changes - Determine what needs to be built or modified
- Make the changes - Write code and update your project
- Show the result - Display updates in the live preview
Chat Features
Message History
- See all conversations - Scroll through your chat history
- Reference past messages - Leo remembers your conversation context
- Continue conversations - Build on previous requests
Live Updates
- Real-time preview - See changes as Leo makes them
- Code changes - View what code was modified
- Status updates - Know when Leo is working
Resizable Interface
- Adjust chat width - Resize the chat and preview areas
- Your preference saved - Settings are remembered
- Mobile optimized - Works great on all devices
Best Practices
Be Specific
Instead of: “Make it better” Try: “Add a search bar that filters products as I type”Describe Outcomes
Instead of: “Add a button” Try: “Add a button that saves the form data to Airtable when clicked”Iterate Gradually
Instead of: “Build a complete CRM system” Try: “Start with a customer list page, then we’ll add details”Tips
- One feature at a time - Focus on single features for best results
- Use examples - Describe similar features you’ve seen
- Ask for changes - If something isn’t right, describe what you’d like
- Be patient - Complex features may take a moment to build
Error Handling
If Leo makes a mistake:- Describe the issue - Tell Leo what went wrong
- Leo will fix it - Corrections happen automatically
- Autodebug - Enable Autodebug in project settings for automatic error fixes that don’t count as credits