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 Halloween version of our slot machine, portrait and landscape, using our slot skill."

1

Loads your skills

Your AI reads how your studio builds a slot machine: hierarchy, naming, components.

2

Generates the art

New symbols 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 slot machine, 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.

All three are free on every plan, Community included. Paid plans also get a built-in AI Chat inside zStudio. See how it 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