How do I add image and video generation to Cursor, Codex or Claude Code?

Add the FLORA MCP server, https://agents.flora.ai/mcp, to your coding agent and sign in once. Claude Code takes one command, Codex takes one command plus a login, and Cursor takes a JSON entry. The agent then generates images and video with FLORA's models. Our first image from Claude Code took 30 seconds and cost $0.055.

At a glance

What you need

• A FLORA account
• Claude Code: the Claude Code install guide
• Codex: the Codex install guide
• Cursor: the Cursor install guide

Key features

• Local files: Coding agents can upload images from your disk to FLORA before editing or animating them.
• Loops over data: The agent can read a CSV or folder and send up to 20 generations per call.
• Team config: Claude Code's .mcp.json and Codex's .codex/config.toml can be committed so teammates get the same server.
• Quotes in dollars: Any request can be priced before it runs, which matters for video.
• Skills: flora_discover_skills hands the agent tested workflows such as flora-batch-generate.

Best for

• Developers building sites or apps who need real images instead of placeholders
• Generating images from data in the repo, such as product lists
• Animating a folder of stills in one task
• Teams that want image generation inside the tools they already use for code

Step by step

1. Step 1: Add the server to your agent

   Run the command for your client. In Cursor, add the JSON entry to ~/.cursor/mcp.json for yourself or .cursor/mcp.json in the repo for the team. The install guides linked above cover scopes and troubleshooting for each client.

   # Claude Code
   claude mcp add --transport http flora https://agents.flora.ai/mcp
   
   # Codex
   codex mcp add flora --url https://agents.flora.ai/mcp
   codex mcp login flora

2. Step 2: Sign in to FLORA

   The first time the agent calls a FLORA tool, a browser tab opens. Sign in with your FLORA account and approve. In Claude Code, /mcp should list flora. In Codex, /mcp does the same.

3. Step 3: Ask for an image where you need it

   Describe the image and say where it goes. The agent picks a model, writes the prompt, calls FLORA and can save the file into your project or drop the URL into your code.

   Use FLORA to make a 16:9 hero image for the docs landing page: an open laptop on a light wooden desk beside a paper notebook, a pencil and a ceramic mug, the code editor on screen softly out of focus, late afternoon window light, muted natural color, no readable text. Use GPT Image 2.5 Flare and save it to public/images/docs-hero.png.

4. Step 4: Add video when the still is right

   Ask the agent to animate the approved image with a video model such as Seedance 2.5. Ask for a quote first, since video costs dollars per clip rather than cents.

   Quote animating docs-hero.png with Seedance 2.5 for 5 seconds at 720p, aspect ratio auto. If it is under $3, run it and give me the MP4 link.

What happened when a coding agent generated media through FLORA?

On October 16, 2026, we made the docs hero image above from a Claude Code session with the FLORA MCP. The agent called flora_create_generations once with model t2i-gpt-image-2-5-flare, aspect_ratio 16:9, quality high and resolution 1k, into a FLORA project, then read the result with flora_list_generations.

The image took 30 seconds and cost $0.055. It came back at 1280 x 720 pixels: a laptop on a light wooden desk with a spiral notebook, pencil, a speckled ceramic mug and a plant, a window behind with a city skyline in low sun.

What went wrong: we asked for the code on screen to be out of focus, and it came back fairly sharp, with lines of colored code visible. It is not readable at page size, but for a hero that must carry no text at all, ask for the screen to be dark or turned away. The low sun also came in warmer than the muted look we asked for; "overcast" holds the color down better than "late afternoon".

Client

Claude Code

Model

t2i-gpt-image-2-5-flare, 16:9, 1K

Tools called

flora_create_generations, flora_list_generations

Cost

$0.055

Time

30 seconds

Coding agent or chat client for generation: pros and cons

What can the agent do once FLORA is connected?

It can call every FLORA tool: list models, quote and run generations, read the canvas, upload files and load FLORA skills. In practice that covers images, video, audio and 3D from any model FLORA lists.

• Generate images for pages, posts and app screens.
• Edit an existing image with an image-to-image model.
• Animate a still with a video model such as Seedance 2.5 or Kling 3.0 Pro.
• Run one image per row of a CSV, up to 20 per call.

Can the whole team use the same setup?

Yes. Install at project scope and commit the config file. In Claude Code that is .mcp.json; in Codex it is .codex/config.toml in a trusted project; in Cursor it is .cursor/mcp.json. Each teammate still signs in to FLORA once with their own account.

Do I need an API key?

No. All three clients sign in to FLORA with OAuth in the browser. To disconnect, remove the server from the client and revoke it in FLORA under Settings, then Connected apps.

Frequently asked questions