> ## Documentation Index
> Fetch the complete documentation index at: https://docs.stardeck.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Image Generation

> Create and edit images with AI-powered generation directly in the Developer Agent

## Overview

The Developer Agent can generate custom images for your app using AI. Instead of searching for stock photos or hiring a designer, simply describe what you need and the agent creates it for you.

<Info>
  Image generation is available on upgraded plans. [View pricing](https://www.stardeck.ai/pricing) for details.
</Info>

**What you can generate:**

* **Logos and brand marks** — Custom logos tailored to your brand identity
* **Hero images** — Eye-catching banners for landing pages and headers
* **Product images** — Professional product photography and mockups
* **Illustrations** — Custom artwork and decorative graphics
* **Icons and graphics** — UI elements and visual assets
* **Social media images** — Content sized for different platforms

## Generating Images from Text

To generate an image, simply describe what you want in natural language. The agent handles the technical details.

**Example prompts:**

* "Create a minimalist logo for my coffee shop called 'Morning Brew'"
* "Generate a hero image for a SaaS landing page with a modern, tech feel"
* "Make a product photo of a laptop on a clean desk with plants"
* "Design an illustration of a team collaborating in a modern office"

The agent will generate the image and automatically save it to your app assets. You can then use it anywhere in your application.

## Editing and Transforming Images

You can also use existing images as references. Upload an image to the chat, and ask the agent to modify, transform, or use it as inspiration.

### What You Can Do

<CardGroup cols={2}>
  <Card title="Modify Existing Images" icon="pen">
    Change colors, adjust elements, or update specific parts of an image
  </Card>

  <Card title="Style Transfer" icon="wand-magic-sparkles">
    Apply a different artistic style to an existing image
  </Card>

  <Card title="Create Variations" icon="clone">
    Generate new versions inspired by a reference image
  </Card>

  <Card title="Combine Elements" icon="layer-group">
    Use multiple reference images to guide the generation
  </Card>
</CardGroup>

### Example Workflows

**Recoloring a logo:**

1. Upload your existing logo
2. Ask: "Change this logo to use blue and gold colors instead"

**Creating variations:**

1. Upload a hero image you like
2. Ask: "Create a similar image but with a warmer color palette and autumn theme"

**Using multiple references:**

1. Upload several images that inspire you
2. Ask: "Create a new hero image combining the style of the first image with the color scheme of the second"

## Tips for Better Results

The quality of generated images depends heavily on how you describe what you want. Here are tips to get the best results:

### Be Specific About Style

Instead of vague descriptions, specify the exact style you're looking for:

| Vague                  | Specific                                                         |
| ---------------------- | ---------------------------------------------------------------- |
| "A nice logo"          | "A minimalist geometric logo with clean lines"                   |
| "A professional image" | "A corporate photo with soft natural lighting and neutral tones" |
| "Something modern"     | "A flat vector illustration with bold colors and simple shapes"  |

### Describe Composition and Framing

Tell the agent how the image should be composed:

* **Framing:** "Close-up", "wide shot", "centered", "with space on the right for text"
* **Perspective:** "Bird's eye view", "eye level", "isometric"
* **Background:** "Clean white background", "blurred bokeh", "gradient from dark to light"

### Specify Colors and Mood

Be explicit about the feeling you want:

* **Colors:** "Cobalt blue and warm gold", "earth tones", "monochromatic grayscale"
* **Mood:** "Professional and trustworthy", "playful and energetic", "calm and minimal"

### Say What You Don't Want

Exclusions help avoid unwanted elements:

* "No text or watermarks"
* "No people in the image"
* "No busy or cluttered backgrounds"
* "No 3D effects or drop shadows"

## Aspect Ratios

You can request specific aspect ratios to fit different use cases:

| Aspect Ratio      | Best For                                            |
| ----------------- | --------------------------------------------------- |
| 1:1 (Square)      | Social media profile images, app icons, thumbnails  |
| 16:9 (Wide)       | Hero banners, video thumbnails, desktop headers     |
| 9:16 (Tall)       | Mobile stories, portrait displays, vertical banners |
| 4:3               | Blog post images, traditional photos                |
| 3:2               | Photography-style images                            |
| 21:9 (Ultra-wide) | Cinematic banners, ultra-wide displays              |

**Example:** "Create a hero banner in 16:9 aspect ratio for my landing page"

## Best Practices

<Steps>
  <Step title="Start with a clear vision">
    Before asking for an image, think about where it will be used and what feeling you want to convey. The more clarity you have, the better you can describe it.
  </Step>

  <Step title="Iterate and refine">
    If the first result isn't perfect, provide feedback. "Make the colors warmer" or "Can you add more contrast?" helps the agent understand what to adjust.
  </Step>

  <Step title="Use references when possible">
    If you have examples of images you like, upload them. Visual references communicate style and quality better than words alone.
  </Step>

  <Step title="Request variations">
    Ask the agent to generate a few options. "Give me 3 different logo concepts" lets you compare and choose the best direction.
  </Step>
</Steps>

***

<CardGroup cols={2}>
  <Card title="Chatting with the Agent" icon="comments" href="/chatting-with-agent">
    More tips for communicating effectively with the agent
  </Card>

  <Card title="Uploading Assets" icon="upload" href="/chatting-with-agent#uploading-assets">
    Learn how to upload reference images and other files
  </Card>
</CardGroup>