Skip to main content

PlayCanvas Stage

PlayCanvas Stage is an editor where you and your coding agent work on PlayCanvas apps together. Instead of describing where something is, you point at it: pause your app, click an entity, move it with a gizmo or leave a comment on it, and the agent writes the change into your source. It works with Claude Code and Codex, and runs entirely on your machine.

Get Started →View on GitHub
Prerelease

Stage 0.1.0 is a prerelease. Expect rough edges and changes between versions, and report what you find.

Your first stage in 5 minutes​

  1. Install. Add the Stage plugin to Claude Code or Codex. See Installation.
  2. Ask. Ask your agent for a scene ("build my desk in 3D at real scale"), or point it at an app you already have. Stage opens in your browser.
  3. Pause and select. Press ⌘/Ctrl+P to pause the app, then click an entity. See Editing Scenes.
  4. Move and Apply. Drag the gizmo to move, rotate or scale it, then press Apply. The agent writes the edit into your source.
  5. Comment. Press C, click an object or drag across an area, type what you want and press Send to Agent. See Comments.

Where do you want to start?​

✨ I'm starting from nothing

Ask for a scene and the agent scaffolds a PlayCanvas project, starts its dev server and opens it in Stage.

Start from a new scene →

🔌 I have an app

Attach Stage to any running PlayCanvas app on Engine 2.23 or later, whatever it's built with. Its hot reload keeps working.

Attach an existing app →

🎯 I want to lay out a scene

Pause the app, select entities, move, rotate and scale them with gizmos, and Apply the edits to your source.

Editing Scenes →

💬 I want the agent to change something

Comment on an entity or an area. The agent gets its path, the 3D point and a capture of what you saw, and replies in the thread.

Comments →

How it fits together​

Stage runs a small server on your machine. It proxies your app's dev server into a viewer in your browser and adds its tools to the page, while your agent talks to the same server through the Stage plugin.

  • The viewer shows your app with a toolbar above it, the comments sidebar and the Inspector.
  • The Stage server keeps your edits and comments, and hands them to the agent when you press Apply or Send to Agent.
  • Your agent reads them, writes the changes into your source, and your dev server's hot reload shows the result.

Stage never starts or stops your dev server, and nothing is added to your source except the edits the agent writes. Close Stage and you have the same app you started with.

Runs on your machine

Stage has no telemetry and makes no outbound requests of its own. Its server binds to 127.0.0.1 only and keeps all state in ~/.playcanvas-stage. Scaffolding a new project runs npx create-playcanvas@latest from npm, and any other traffic is only what your app loads. See Configuration.

Open Source

PlayCanvas Stage is open-sourced under an MIT license on GitHub.