A well-built app that looks generic feels unfinished. The difference between an app that feels real and one that feels like a prototype is often visual — a proper logo, a hero image that sets the right tone, icons that fit the style. Getting those assets used to mean hiring a designer or spending time in image tools. Caffeine takes care of it automatically, so the apps you build arrive with a visual identity from the start.
When you describe an app, Caffeine doesn't just write code — it also generates the visual assets your app needs. Logos, hero images, icons, banners, and illustrations are created automatically as part of the build process.
Image generation is available on all plans at no extra cost.
What kinds of images get generated
Caffeine generates images when your app would clearly benefit from custom visuals. Examples of what gets created automatically:
- App logos and icons
- Hero images and banners for landing pages
- Background images
- Illustration assets
- Product or content images (recipe photos, article covers, placeholder product shots)
What does not get generated: logos for well-known brands and platforms (Facebook, Instagram, GitHub, LinkedIn, and similar). These are rendered using standard icon libraries instead, which is more accurate and reliable.
How it works
You don't have to ask for images separately. As part of planning your app, the AI writes a specification that describes what images are needed, including dimensions and style details. Image generation then runs in parallel with code generation — by the time your app is built, the images are already part of it.
Generated images are stored in your app at frontend/public/assets/generated/ and referenced in your frontend code automatically.
Requesting specific images
If you want a particular image, just describe it in your prompt the same way you'd describe any other feature. Be specific about what you want and how it should look:
- "Add a logo — a minimalist coffee cup icon on a dark background"
- "The hero section should have a wide, atmospheric forest photo"
- "Generate a set of four category icons in a flat, line-art style"
The AI picks up these descriptions and incorporates them into the image requirements for the build.
Editing and compositing existing images
Caffeine can modify or combine images that already exist in your project. If you want to update an existing image or create a new one from multiple sources, describe what you want:
- "Update the hero image to use warmer colors"
- "Create a combined image that overlays the user's avatar on the background banner"
The AI handles the editing or compositing in the same build step as generation.
Image dimensions
The default size for generated images is 1024×1024 pixels. You can influence the size by describing it in your prompt — for example, "a wide banner image" or "a small icon around 64 pixels." The maximum size is 1920×1920 pixels.
Transparent backgrounds
For logos and icons, Caffeine can generate images with a transparent background. Mention transparency in your prompt: "a logo with a transparent background." This works for PNG files and is useful for placing a logo over different colored sections of your app.
Format
Generated images are PNG files by default. SVG generation is not supported — if the AI plans an SVG asset, it is automatically converted to PNG.
Automatic image optimization
After every successful build, Caffeine automatically optimizes the generated images in your app:
- Unused images are removed. Any generated image that is no longer referenced in your app's compiled code is deleted from the build output. This keeps your app lightweight and avoids shipping assets that do nothing.
- Images are compressed. Generated images are automatically compressed after each build — PNG, JPEG, and WebP files are processed to reduce file size without a visible quality loss.
This happens in the background and requires no action from you.
Limits
Up to 10 images can be generated per build. If a build calls for more than that, the list is trimmed. If an individual image fails to generate — for example, because the content was flagged by the image generator's safety filters — that image is skipped and the build continues without it. The rest of your app is unaffected.
Frequently asked questions
Do I have to ask for images, or does the AI add them automatically?
Automatically. The AI decides which images your app would benefit from as part of planning the build. You can also request specific images by describing them in your prompt — the AI will incorporate them.
Can I ask for a specific style or color palette for generated images?
Yes. Be descriptive in your prompt: "a minimalist logo in muted earth tones" or "a dark, cinematic hero image with blue accent lighting." The more specific you are, the closer the result will be to what you want.
What if I don't like a generated image?
Describe the change in the chat: "Regenerate the hero image — I want something warmer and more vibrant." The AI creates a new version on the next build.
Can I replace a generated image with my own?
Yes. Upload your own image in the chat and tell the AI to use it: "Use this image for the hero section instead of the generated one." The AI will incorporate your upload.
Are generated images included when I export my code to GitHub?
Yes. All assets including generated images are exported as part of your project's source code.
Does image generation cost extra credits?
No. Image generation is included in the standard build cost. There is no additional charge per image.
Why do some generated images disappear after a rebuild?
When you modify your app, some previously generated images may no longer be used in the updated code. Caffeine automatically removes those unused images from the build output to keep your app lean. If you want a specific image to remain, make sure your prompt references it — for example, "keep the existing hero image."