One finished screen.Every piece on green screen.

Upload a finished game screen and get every frame, slot, button and icon separated on flat green, ready to key into sprites. Then new icons in the same set.

Sign in with Google, Apple or email. No credit card.

A finished hand-painted fantasy inventory screen with wooden frames, parchment slots and painted items
Every element of the screen separated on a flat green background: the title bar, counter frames, portrait frame, slots, empty buttons and each item icon on its own
Message to Vizzy

Game UI asset sheet extracted from this inventory screen, for import into a game engine: every reusable element separated and laid out in a clean grid with generous spacing, each exactly as it looks in the screen: the empty title bar, the coin and gem counter frames, the empty portrait frame, the empty equipment slot button, one empty parchment slot, one empty dark slot, the empty wide wooden button, and the item icons on their own without slots: the potion, the lantern, the sword, the shield, the scroll, the key, the gold coin, the blue gem. No text labels. Every element on a flat solid pure chroma-key green background (#00FF00), no shadows on the green, nothing overlapping or touching the edges.

Try 5 free renders

Copy it, sign in free, paste it to Vizzy. No credit card.

How it works

A picture of the UI is not the UI. The engine needs the pieces.

  1. Bring the screen.

    A finished UI screen, painted or rendered, with the frames, buttons and icons in it.

  2. Ask for the pieces.

    Every element on its own on flat #00FF00, empty buttons without text, spaced so nothing touches.

  3. Key them out.

    One Pro render for the sheet. Key the green in your editor and slice the sprites.

Recorded walkthrough

A game screen, split into assets on green

One finished screen in a chat, two Pro renders, every prompt shown, the clock on screen. Watch the recording or read the same steps below.

  1. Upload

    Start a chat and add the finished screen

    The screen can come from anywhere: the game UI walkthrough, a mockup your team painted, or a screen an agent generated in Claude Code or Codex. One file, Add media.

    The chat composer with the finished inventory screen attached
  2. Main prompt

    Every reusable element, no labels, flat #00FF00, nothing touching

    List the pieces the engine needs: the frames, the slots, the empty buttons, each icon on its own. Ask for no text, a flat pure #00FF00, no shadows on the green and nothing touching, so every element keys and crops cleanly. Pro quality.

    Message to Vizzy

    Game UI asset sheet extracted from this inventory screen, for import into a game engine: every reusable element separated and laid out in a clean grid with generous spacing, each exactly as it looks in the screen: the empty title bar, the coin and gem counter frames, the empty portrait frame, the empty equipment slot button, one empty parchment slot, one empty dark slot, the empty wide wooden button, and the item icons on their own without slots: the potion, the lantern, the sword, the shield, the scroll, the key, the gold coin, the blue gem. No text labels. Every element on a flat solid pure chroma-key green background (#00FF00), no shadows on the green, nothing overlapping or touching the edges.

    The asset sheet prompt typed into the chat with 16:9 and Pro selected
  3. Pro render, 65 s

    The asset sheet

    Every frame, slot, button and icon from the screen on its own, on flat green, in the screen’s exact paint. Click the thumbnail to see it full size, then download it.

    The asset sheet on green opened full size in the viewer
  4. Main prompt

    More of the set: the sheet as the style, six new icons

    Remove the screen, add the sheet to the chat as the style reference, and ask for the icons you still need, same look, same size, same green.

    Message to Vizzy

    Six new item icons for the same game, in exactly the style of the icons on this sheet: same painted look, outline, lighting and size. A battle axe, a longbow, a silver ring with a teal stone, leather boots, an iron helmet and a glowing mushroom. Laid out in one row with generous spacing, on a flat solid pure chroma-key green background (#00FF00), no shadows on the green, no text.

    The new icons prompt typed with the asset sheet attached
  5. Pro render, 53 s

    Six icons that belong

    Six new icons in the set’s style on flat green. Two sheets, about 3 minutes from the upload to the second result. Key the green out and each piece is a sprite.

    The six new icons on green opened full size in the viewer
renders
2
quality
Pro
from the upload to the new icons
2:40

Timings are from send to result on Pro quality at 1K, read from the recording. Fast quality is quicker and cheaper per render. Nothing in the recording was retouched; the keyed example above is a plain chroma key of the recorded sheet.

Examples

From a picture of the UI to the pieces the engine needs.

The sheet to six new icons in the same set

The asset sheet on green from the first renderPrevious render
Six new item icons in the same painted style on flat green: a battle axe, a longbow, a ring, boots, a helmet and a glowing mushroomVisualizee render
With the asset sheet as the reference

Six new item icons for the same game, in exactly the style of the icons on this sheet: same painted look, outline, lighting and size. A battle axe, a longbow, a silver ring with a teal stone, leather boots, an iron helmet and a glowing mushroom. Laid out in one row with generous spacing, on a flat solid pure chroma-key green background (#00FF00), no shadows on the green, no text.

Try 5 free renders

Copy it, sign in free, paste it to Vizzy. No credit card.

The green keyed out: transparent sprites

The asset sheet on flat greenPrevious render
The same sheet with the green keyed out, every element on a transparent checkerboard with clean edgesVisualizee render
Message to Vizzy

No render in this step. The flat #00FF00 is removed with a plain chroma key (any image editor, the engine’s keyer, or ten lines of Python), and each separated element is cropped to its own transparent PNG. The sheet on this page keyed into 23 separate files.

Plans from $15 a month.

Start with 5 free renders. Pick a plan when you need more. Cancel anytime.

  • Hobby

    $15/mo

    15 Pro renders a month

    For drafts and personal projects.

  • Pro

    Recommended

    $35/mo

    About 120 Pro renders a month

    The best quality without a separate cap. 4K images.

  • Max

    $80/mo

    About 300 Pro renders a month

    More variants at once, and the cheapest per render.

Billed monthly. Yearly saves 25%.

Game assets on green screen questions.

What the recording shows, what it takes and what to expect from your own screens.

All questions
How do I get separate game assets out of a finished screen?
Add the screen to a chat and ask for every reusable element separated on a flat solid #00FF00 background, listing the pieces, with no text, no shadows on the green and nothing touching. The recording gets the full sheet in 65 seconds. Then key out the green and crop each piece.
Why green screen instead of a transparent background?
Image models do not output real alpha reliably; a flat #00FF00 does key reliably, as the keyed example on this page shows. Ask for "flat solid pure chroma-key green (#00FF00), no shadows on the green", and avoid green in the art itself, or pick #FF00FF magenta for green characters.
How do I key out the green?
Any chroma keyer works: Photoshop’s Select Color Range, Aseprite’s magic wand, a keying shader in Unity or Godot, or a few lines of Python with a green-dominance matte and despill. The example on this page is keyed with such a script into separate transparent PNGs, with no manual cleanup.
Can I run this from Claude Code or Codex?
Yes, and it suits an agent well: connect the Visualizee MCP connector (visualizee.ai/mcp), have the agent render the screen, render the asset sheet from it on #00FF00, then key and slice the sheet in the same session and write the sprites into your project. The prompts on this page work unchanged.
How much does it cost?
The recorded pair took two Pro renders. On the $35 Pro plan a Pro render costs about 27 cents, so that is about 55 cents. Fast quality is cheaper per render. The free start includes 5 renders with no card.
Will new icons match the existing set?
Use the sheet as the style reference and ask for the same look, outline, lighting and size, as the second step does. The six new icons in the recording sit next to the originals without looking like a different artist.

Try it on your own picture.

Sign in, add a photo, a sketch or a model screenshot and say what to change. Your first render takes under a minute.

5 free renders. Sign in with Google, Apple or email. No credit card.