Working with Images
Use AI-generated images, upload your own, or use stock photos.
Three Ways to Add Images
1. Unsplash Stock Photos (Default)
The AI uses high-quality Unsplash photos automatically. You don't need to do anything — just describe your content and the AI picks appropriate images.
2. AI-Generated Images
Ask the AI to generate custom images:
- "Generate a hero image of a futuristic city skyline at sunset"
- "Create an illustration of diverse people working together"
- "Generate a product mockup of a smartphone showing the app"
Generated images are saved to your Media Library with a "Generated" badge.
3. Upload Your Own
Drag and drop images into the chat or use the file upload button:
- Brand logos and icons
- Product photos
- Team photos
- Any custom assets
Uploaded images are stored in the Media Library and the AI uses them in your code.
Media Library
Every project has a Media Library (accessible from the toolbar):
- View all project images
- Download assets
- See which images are AI-generated vs uploaded
- Delete unused images
Screen Recordings
A video attachment is not just stored — the agent watches it. It scans the clip for the moment that matters, then looks at the seconds around it frame by frame, and can transcribe the narration on top. For a bug that only shows up in a sequence of clicks, a 15-second recording beats a paragraph.
See Images & Files.
Image Analysis
The AI can analyze images in your project:
- "Analyze the hero image and describe what you see"
- "What colors are used in the logo?"
- "Describe the layout of the current homepage screenshot"
Tips
- Upload images before asking the AI to use them
- Uploaded images have priority over stock photos
- Use specific filenames: "hero-banner.jpg" is better than "IMG_1234.jpg"
- For best quality, upload images at least 1200px wide