The Game Scene Editor Your AI Can Drive

Build responsive scenes for Pixi.js, Phaser and HTML by hand, or hand the job to Claude Code, Cursor or any MCP client. Your AI lays out portrait and landscape, generates the art, builds the buttons and animates the timeline. You review it visually and ship.

Built-in MCP serverLocal AI image modelsCustom skills
✓Your AI builds full scenes through the built-in MCP server
✓Generate and reskin art with local models: no credits, no uploads
✓Review and fine-tune in the editor, then load it in a few lines of code

From Prompt to Playable Scene

zStudio has an MCP server built in. MCP is the open standard that lets AI assistants operate apps, so the AI tool you already use can drive zStudio directly, on your own subscription.

You ask

"Build a winter-event version of our shop screen, portrait and landscape, using our UI skill."

1

Loads your skills

Your AI reads how your studio builds a shop screen: hierarchy, naming, components.

2

Generates the art

New icons and backgrounds come from image models running on your own machine.

3

Builds the scene

It imports assets, anchors portrait and landscape, builds buttons and animates the timeline.

4

You review and export

Open the result in the editor, tweak anything by hand, and export to Pixi.js, Phaser or HTML.

MCP Server Built In

Connect Claude Code, Cursor, Antigravity, VS Code, Windsurf, Gemini CLI or any other MCP client. Through MCP your AI can do almost anything you can do in the editor. You use your own AI subscription, not zStudio credits.

Local AI Image Models

Add Stable Diffusion, FLUX, Z-Image or Qwen-Image models and generate or reskin art right in the scene. Everything runs on your own computer, so there are no credits and nothing is uploaded.

Skills: Your Studio's Playbook

Skills are short Markdown files that describe how your studio builds a level-select screen, a popup or a menu. Your AI loads the ones it needs and builds the scene your way. It can even write them for you from your existing scenes.

What It Costs, and What You Need

zStudio doesn't include an AI subscription. To have an AI build scenes for you, you either connect an AI tool you already pay for, or use the built-in AI Chat on a paid plan with credits.

FeaturePlanCostWhat you need
Connect your own AI (MCP)Every planFree in zStudio. You pay your AI tool.An MCP-capable AI tool such as Claude Code or Cursor, on its own subscription. zStudio does not include one.
Custom skillsEvery planFreeUsed by your connected AI tool or the built-in AI Chat.
Local image modelsEvery planFreeModel files you download yourself. SD 1.5 runs on most machines; SDXL, FLUX and Z-Image want 12–24 GB of memory. Images come out without transparency.
Cloud image modelsIndividual Pro and up10–40 credits per image (about $0.33–$1.33)A paid plan plus credits, bought separately. Supports transparent backgrounds.
Built-in AI ChatIndividual Pro and upCredits per request, depending on the Claude model you pickA paid plan plus credits. No outside AI subscription needed.

Credits are bought separately from your plan and never expire. Packs start at $10 for 300 credits (about 3.3¢ each). See credit packs

See how the AI setup works

AI Does the Bulk. You Sign Off.

AI-written layout code is hard to review. A zStudio scene isn't: anyone on the team can open what the AI built, see it on every screen size and fix it by hand. The developer still gets a clean scene that loads in a few lines.

AI

Builds and reskins scenes from a prompt

> Reskin the main menu for our
  winter event. Keep the layout,
  regenerate the buttons and
  background, add a snow loop
  on the timeline.

Designer

Reviews and fine-tunes visually, no code

A scene open in the zStudio editor

Developer

Loads the scene in a few lines and ships

let scene = new ZScene("myScene");
scene.load(loadPath, () => {
  ZSceneStack.push(scene);
  scene.loadStage(this.stage);

  let btn = scene.sceneStage
    .get("myBTN") as ZButton;
  btn.setCallback(() => play());
});

Everything You Can Do, Your AI Can Do Too

A full visual editor for game scenes. Almost every tool below is also available to your AI over MCP.

01

Responsive Layout Without Layout Code

An anchor system for relative positioning that adapts to any screen size. Portrait, landscape, desktop and every ad network size, set once by you or by your AI.

02

AI Art, Right in the Scene

Text to image, image to image, and reskin in place. Use local models for free, or cloud models when you need transparent backgrounds. Final art or placeholders, your layout work never waits on an asset request.

03

Pixi.js, Phaser & HTML Export

Export your scene as JSON and load it with our open-source zImporter in a few lines of code. Positions, anchors, animations and hierarchies are all preserved. No engine lock-in.

04

Visual Animation Timeline

Keyframes, easing, cue points and playback controls: the visual workflow you remember from Flash, rebuilt for modern web exports.

05

Rich Component Library

Sprites, buttons, text, bitmap fonts, particles, Spine animations, sliders and toggles: everything you need for interactive game UI and playable ads.

06

Drag-and-Drop Asset Management

Drag in images, sprite sheets, Spine animations and bitmap fonts, or import straight from Photoshop. Organise everything into a clean hierarchy without touching a config file.

Coming from Flash or Adobe Animate? Drag a .swf into zStudio and keep working on it as an editable scene. SWF importer

Drop the Scene Into Your Game

Whether you built it or your AI did, the open-source zImporter loads the scene into Pixi.js, Phaser or plain HTML in a few lines of code.

Get zImporter