# Image Generation

***

## Table of Contents

* [Overview](#overview)
* [Generate Images in Chat](#generate-images-in-chat)
* [What to Use Images For](#what-to-use-images-for)
* [Prompt Templates by Category](#prompt-templates-by-category)
  * [Profile Photos](#profile-photos)
  * [Product & Listing Images](#product--listing-images)
  * [Backgrounds & Textures](#backgrounds--textures)
  * [Icons & UI Elements](#icons--ui-elements)
  * [Marketing & Branding](#marketing--branding)
* [Image Generation Best Practices](#image-generation-best-practices)
* [What's Next](#whats-next)

***

## Overview

You can generate images for your Taskade Genesis apps **natively** — no extra tools needed. Images are created directly in chat and automatically saved to your Media library for reuse across your entire workspace.

| Feature                    | Detail                                                      |
| -------------------------- | ----------------------------------------------------------- |
| **Chat-native creation**   | Describe what you need, generate instantly in EVE chat      |
| **Auto-save to Media**     | Every generated image is stored in your workspace Media tab |
| **Built for Genesis apps** | Use images in websites, tools, dashboards, and more         |
| **Multiple aspect ratios** | 1:1 (square), 16:9 (landscape), 9:16 (portrait)             |
| **Batch generation**       | Generate sets of consistent images in a single prompt       |
| **Reusable everywhere**    | Use in any Genesis app, project, or agent knowledge base    |

> **Powered by EVE:** Image generation is part of EVE, Taskade's unified AI. See [How Genesis Works](https://docs.taskade.com/docs/taskade-genesis/genesis/how-genesis-works#eve-the-unified-intelligence) to understand how EVE connects everything.

***

## Generate Images in Chat

| Step | Action                                                                |
| ---- | --------------------------------------------------------------------- |
| 1    | Open your Genesis app in Taskade                                      |
| 2    | Open EVE / Taskade Assistant Agent chat                               |
| 3    | Describe the image you want (use templates below)                     |
| 4    | Send the message and wait for generation                              |
| 5    | Use immediately in your app, or access anytime from the **Media** tab |

> **Note:** Images generated in chat automatically appear in Media and count toward your AI credit usage. See [Taskade AI Credits](https://help.taskade.com/en/articles/taskade-ai-credits).

***

## What to Use Images For

| Use Case                | Examples                                              | Impact                         |
| ----------------------- | ----------------------------------------------------- | ------------------------------ |
| **App branding**        | Cover images, headers, section banners, icons         | Professional first impression  |
| **Records & databases** | Product photos, client logos, listing visuals         | Rich, visual data presentation |
| **Dashboards**          | Tiles, category images, visual summaries              | Easier information scanning    |
| **Documentation**       | How-to visuals, onboarding screens, SOP illustrations | Better user comprehension      |
| **Marketing**           | Social media cards, promotional banners, hero images  | Engagement and conversion      |
| **Placeholder content** | Demo data visuals, sample profiles, example products  | Polished prototypes            |
| **Agent avatars**       | Custom profile images for AI agents                   | Personalized AI interactions   |

***

## Prompt Templates by Category

Copy these prompts directly — swap in your specific details.

### Profile Photos

| Use Case           | Prompt                                                                                                                                                                                                                                                                 | Best For                     |
| ------------------ | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------- |
| **Persona avatar** | "Generate a 1:1 (square) professional headshot of a friendly customer support manager. Studio lighting, centered framing, shoulders-up, natural skin tones. Solid light-gray background. No text, no logos, no transparent areas."                                     | Agent avatars, demo profiles |
| **Avatar set**     | "Generate a set of six 1:1 (square) profile photos (diverse people) for a Genesis app team directory. Keep identical framing, lighting, and style across all images. Solid background colors (light gray, soft blue, soft green). No text, no transparent background." | Team directories, user demos |
| **Member profile** | "Generate a 1:1 (square) profile photo of a professional account manager. Neutral expression, clean wardrobe, centered, studio lighting. Solid pale-blue background. No text, no logos, no transparency."                                                              | Customer/member profiles     |

### Product & Listing Images

| Use Case               | Prompt                                                                                                                                                                                                                           | Best For                     |
| ---------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------- |
| **Product photo**      | "Generate a 1:1 (square) studio product photo of a reusable stainless-steel water bottle. Centered, soft shadow, clean lighting. Solid white background. No text, no logos, no transparency."                                    | E-commerce product records   |
| **Hero/listing image** | "Generate a 16:9 (landscape) hero listing image for a yoga class booking Genesis app: a minimal, calming scene with a yoga mat and plants. Solid warm-beige background, soft lighting. No text, no logos, no transparent areas." | Listing cards, hero sections |
| **Catalog set**        | "Generate a set of eight 1:1 (square) consistent listing images of simple office items (notebooks, pen, laptop, coffee mug). Same camera angle and lighting. Solid light background. No text, no logos, no transparency."        | Product catalogs, inventory  |

### Backgrounds & Textures

| Use Case            | Prompt                                                                                                                                                                                                              | Best For                  |
| ------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------- |
| **Page background** | "Generate a 16:9 (landscape) subtle app page background with a solid deep-indigo base and extremely light paper-grain texture. No text, no icons, no transparent areas."                                            | Full-page app backgrounds |
| **Dashboard bg**    | "Generate a 16:9 (landscape) dashboard background with a solid charcoal base and faint low-contrast dot pattern. No text, no transparency."                                                                         | Dashboard sections        |
| **Theme pack**      | "Generate four backgrounds: two 16:9 (landscape) and two 1:1 (square). Use a consistent minimal style with solid-color bases (navy/indigo/teal) and subtle textures. No text, no logos, no transparent background." | Multi-page apps           |

### Icons & UI Elements

| Use Case                 | Prompt                                                                                                                                                                                                   | Best For                     |
| ------------------------ | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------- |
| **Category icons**       | "Generate a set of six 1:1 (square) flat-style category icons: settings gear, user profile, calendar, chart, message bubble, and folder. Consistent line weight, single accent color on white. No text." | Navigation, category cards   |
| **Feature illustration** | "Generate a 1:1 (square) isometric illustration of a team collaborating around a digital dashboard. Flat colors, modern style. No text, no transparency."                                                | Feature sections, onboarding |
| **Empty state**          | "Generate a 1:1 (square) friendly illustration of an empty inbox with a smiling envelope. Soft pastel colors, minimal style. No text."                                                                   | Empty/zero-state screens     |

### Marketing & Branding

| Use Case            | Prompt                                                                                                                                                                         | Best For                       |
| ------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------ |
| **Social card**     | "Generate a 16:9 (landscape) social media share image for a project management app. Clean, professional, with abstract geometric shapes in blue and white. No text, no logos." | Open graph / social sharing    |
| **Banner**          | "Generate a 16:9 (landscape) promotional banner with a modern gradient (blue to purple) and abstract wave patterns. Clean, premium feel. No text, no transparency."            | App headers, promotional pages |
| **Favicon concept** | "Generate a 1:1 (square) minimal app icon concept: a simple geometric shape in deep blue on white background. Bold, recognizable at small sizes. No text."                     | Favicon, app icon reference    |

***

## Image Generation Best Practices

| Practice                      | Why                                  | Example                                        |
| ----------------------------- | ------------------------------------ | ---------------------------------------------- |
| **Specify aspect ratio**      | Prevents cropping issues             | "1:1 (square)" or "16:9 (landscape)"           |
| **State "No text"**           | AI-generated text often has errors   | Always include "No text, no logos"             |
| **Request "No transparency"** | Ensures usable backgrounds           | "Solid \[color] background"                    |
| **Use "consistent" for sets** | Keeps visual coherence across images | "Keep identical framing, lighting, and style"  |
| **Describe lighting**         | Controls mood and professionalism    | "Studio lighting" or "Soft, natural lighting"  |
| **Reference your brand**      | Maintains consistency with your app  | "Use our brand colors: navy #1a365d"           |
| **Be specific about subject** | Reduces generation attempts          | "Stainless-steel water bottle" not "a product" |

***

## What's Next

| Guide                                                                                                                         | What You'll Learn                              |
| ----------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------- |
| [Adding Genesis Context](https://docs.taskade.com/docs/taskade-genesis/genesis/adding-context)                                | Upload brand assets and design references      |
| [Guide to App Styles](https://github.com/taskade/docs/blob/main/genesis-living-system-builder/space-apps-guide/app-styles.md) | Visual style families to pair with your images |
| [Publish and Clone Your Apps](https://docs.taskade.com/docs/community-and-sharing/community-and-sharing/publish-and-clone)    | Deploy your app with custom images             |
| [Media AI Chat](https://docs.taskade.com/docs/ai-features/ai-features/media-ai-chat)                                          | Chat with media files and images using AI      |
