Agent Composer Playground
Try Agent Composer live in a disposable WordPress sandbox.
Choose a Canvas preset, connect ChatGPT, Codex, or a compatible MCP agent, and request a preset-specific Gutenberg draft. Then inspect the Site Contract, active Configuration Set, Blueprint, validation, and preview that shaped the result.
Live product demonstration
One preset. One governed drafting workflow.
No WordPress install. No hosting account. No local environment.
What you can inspect
The working preset, Canvas components, active Composer rules, generated draft, validation result, and audit trail.
Explore Agent Canvas in context
Four working presets, each with its own drafting context
Each preset is a complete, navigable WordPress mini-site. Explore its Canvas design system first, then see how its own content model and Composer rules shape the draft your agent creates.
01
SaaS Launch
The broadest Canvas showcase in the playground, including every available component across product, onboarding, account, and contact experiences.
02
Knowledge Hub
A documentation and learning environment for testing structured knowledge pages and its preset-specific content type.
03
Service Studio
A professional-services environment with focused Canvas patterns for offers, proof, and client-facing content.
04
Editorial Journal
An editorial environment for testing durable articles, topics, and repeatable publishing structures.
Try the workflow
From preset selection to validated draft
1. Choose a preset
Open the working Canvas site you want to explore. The browser assembles a fresh, temporary WordPress session for that preset.
2. Connect your agent
Use the playground's Connect agent tab to pair ChatGPT, Codex, or another compatible MCP client with the active session.
3. Request one draft
Ask the agent to inspect the environment and create a page or preset-specific content draft through the available Blueprint.
4. Inspect the evidence
Review the Gutenberg draft, validation result, Site Contract, active Configuration Set, available Canvas patterns, and session audit.
Why the relay exists
The playground exposes the workflow, not a public WordPress site.
WordPress runs only inside the visitor's browser tab. It has no public WordPress server endpoint that ChatGPT or Codex can address directly, so the active session uses a short-lived MCP relay.
ChatGPT / Codex / compatible MCP client
↓ MCP
short-lived MCP relay
↓ session connection
active browser tab
↓ local request
WordPress Playground + Agent Composer + Agent Canvas
Configuration Set → Site Contract → Blueprint → Canvas patterns → Gutenberg draft → validation
The relay transports allowlisted tool calls to the active browser session and returns the results; it does not make the disposable WordPress site public. Agent Composer owns the Config Set, Site Contract, Blueprints, draft boundary, and validation. Agent Canvas supplies the native templates, patterns, components, tokens, and responsive presentation used by the selected preset.
Under the hood
A live Composer and Canvas demonstration inside one temporary session
How can WordPress run without hosting?
WordPress Playground runs WordPress and PHP in a WebAssembly-based browser sandbox with a browser-contained filesystem and database. The session is temporary and begins from a known preset, so no WordPress installation, hosting account, or local environment is required.
Why is an MCP relay needed?
The disposable WordPress instance exists inside your browser and is not exposed as a public WordPress server. ChatGPT or Codex therefore cannot reach it directly. The browser opens a session connection to a short-lived relay, which carries only the allowed MCP tool requests to Composer and sends the results back to your agent.
What does the playground actually demonstrate?
It demonstrates preset-specific, governed drafting. The active Configuration Set groups the Site Contract and Blueprints for the preset. Composer exposes only approved WordPress abilities and validates the result, while Canvas provides the patterns, components, templates, and visual rules used by the Gutenberg draft.
How is the upcoming Agent Starter different?
The playground is disposable and exists to demonstrate the workflow. Agent Starter will help create a persistent project foundation, either from these preset ideas or from a mapped existing WordPress site, before Composer takes over governed drafting. More detail will come on the dedicated Starter page.
Try one governed draft
Choose a preset and see what Composer enforces.
Launch a disposable WordPress session, connect your compatible agent, request a preset-specific draft, and inspect the Canvas components, contract, Blueprint, validation, and preview behind the result. Agent Starter is coming soon for persistent project foundations.