An editor built for you

Your app is a folder of files in a format built to be read by a program. So an editor for your app, showing these settings to these people, is a view over the same files, not a rewrite. Claude can build you one.

When you would want one

• A charity with one app. An editor with only the five things the volunteers change.
• A school. An editor with big blocks and no jargon.
• A team or client who don't code. An editor that shows only what they should touch.
• Studio shows you a part it does not edit. Claude can make you a small editor to tweak that one thing.

The NodeGX editor and Studio are still there underneath. An editor built for you does not replace them. It opens the same folder.

How to ask

In a conversation with Claude on your project, describe who will use the editor and what they change:

Build me a small editor for this app. It is for [who], who don't code.
They only ever change [the words on the home page, the prices, the opening hours].
Show them those things and nothing else, with plain labels.
It should open my project folder and save back to it so Studio and the NodeGX editor still open it.

Claude builds the editor as a web page on your computer. It runs on the same engine and project files as NodeGX, so what it saves is your real app.

Two you can open now

Claude Code built both of the editors below from the NodeGX packages. Neither is the NodeGX app. They show what an editor of your own can look like.

• Orbit at nodegx.io/orbit. A focus timer made of NodeGX nodes. A button lifts the nodes into 3D around the running timer. Three missions ask you to change how the timer behaves. A Check button runs your version to see whether it works.
• The space map at nodegx.io/map. A todo list app shown as a fleet of 80 ships, one per component. Fly through the fleet and click a block to change or rewire it.

Both are best on a computer, not a phone. nodegx.io/your-own-editor has the story behind them, including three editors built by three Claude sessions that had never seen our code.

The kit, for a developer or an AI coder

The packages on npm hold everything an editor needs. Run npm create nodegx my-apps in a terminal and the folder gets a skill, nodegx-your-own-editor, that teaches Claude Code the kit. The pieces:

• @nodegx/project-contract: the project format, its validator and the suite that says an editor is finished.
• @nodegx/node-spec: what every node does, written once as an executable spec.
• @nodegx/preview: runs the app in a page beside the editor.
• @nodegx/canvas-look: the NodeGX canvas look as data, for a home-made editor.

npm install @nodegx/project-contract @nodegx/node-spec @nodegx/preview @nodegx/canvas-look is the whole install.

Quick reference

• An editor of your own is a view over the same files. Nothing is rewritten.
• Ask Claude, in the project's conversation, naming who uses it and what they change.
• Orbit and the space map show what one can look like.