Endless Prototyping Playground

A prototyping sandbox for the Endless team: interactive prototypes built from Endless Studios' own screens, with documents, diagrams and canvases alongside, made with coding agents.

It is built with Nuxt, Vue and Nuxt UI (ADR 0003). It began as a rewrite of Patrick Morgan's Design Studio, a React studio; the last React version is commit 28e1d118 in this repository's history.

Run it

You need Node 22.18 or later in the 22 line (mise install reads mise.toml) and corepack (corepack enable), which provides yarn 4.

yarn install
yarn dev

Configure it

Open Studio settings locally to change the name, tagline, default design system and module switches. Admins can save; contributors can read. Saving checks for concurrent edits, preserves unrelated JSON lines, and restarts Nuxt behind an Applying changes screen. Editing studio.config.json or src/systems/*/system.ts also restarts it. The deployed site has no settings editor or write endpoint.

Agents use yarn studio configure --name "Studio name" --tagline "Tagline" --system <key|id|none> --admins key,key --maintainers system=key,key. It previews changes and prototypes that keep their assignment; add --yes to apply. Repeat --maintainers for several systems; system= clears only that grant. --recovery restores lost Admin access using repository access. The editor schema is tooling/settings/studio.config.schema.json; shared validation lives in tooling/settings/service.ts.

Checks

yarn lint
yarn format:check
yarn typecheck
yarn test        # unit and integration tests
yarn test:full   # every test, including the browser scenarios
yarn parity      # the parity scenarios against this studio and a checkout of the last React version
yarn build       # the static site, in .output/public
yarn preview     # serve the static site locally
yarn build:inspect

Set STUDIO_BASE_PATH (for example /studio/) when building a site that is served under a sub-path, and STUDIO_PUBLIC_URL for its public address.

License

MIT.