Try AI-assisted WordPress editing directly in your browser.

Choose an example Canvas site, connect ChatGPT, Codex, or another compatible MCP tool, and ask it to create a Gutenberg draft. Review the result, the editing rules it followed, and the checks Composer performed.

Launch the live playground

Explore Agent Composer

What you can test

A real WordPress draft, created within the site’s rules

See how Agent Composer reads the site’s content rules, follows an approved page structure, creates Gutenberg content, and checks the result. Review the draft and its preview before considering the same workflow for your own website.

A temporary test environment

The playground runs a temporary demonstration session in your browser. Use it to test the editing workflow; it does not provide hosting for a live website.

Explore Agent Canvas

Four example sites with their own content and design rules

Each example is a complete, navigable WordPress site. Explore its design, then ask your AI tool to create content using the site’s templates and Composer rules.

SaaS Launch

A broad Canvas showcase with components for product pages, onboarding, user accounts, and contact pages.

Knowledge Hub

A documentation and learning site for testing structured knowledge pages and its own content type.

Service Studio

A professional-services site with Canvas patterns for service offers, evidence of past work, and client-facing content.

Editorial Journal

An editorial site for testing articles, topics, and reusable publishing structures.

Try the workflow

From an example site to a checked WordPress draft

1. Choose an example site

Open the Canvas example you want to explore. The browser creates a fresh, temporary WordPress session for that site.

2. Connect your AI tool

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 your AI tool to inspect the site and create a page or another permitted content type using its approved content blueprint.

4. Review the draft and checks

Review the Gutenberg draft, validation result, site rules, active configuration, available Canvas patterns, and session activity log.

Why the relay exists

The connection reaches WordPress inside your browser.

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.

Your AI tool → temporary MCP relay → active browser session → WordPress with Composer and Canvas.

Site configuration → content and design rules → approved page structure → Gutenberg draft → validation.

The relay forwards only permitted tool requests to the active browser session and returns the results. Composer provides the configuration, content rules, approved page structures, and validation. Canvas supplies the templates, patterns, components, shared styles, and responsive layouts.

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 AI-assisted drafting within the selected site’s rules. The active configuration brings together its content rules and page blueprints. Composer exposes permitted WordPress actions and validates the result. Canvas supplies the draft’s patterns, components, templates, and visual settings.

Can I use this workflow on my own WordPress site?

Yes. Install Agent Composer on a compatible WordPress site, configure its permitted content types, page structures and editing permissions, and connect your AI tool. The playground is a temporary demonstration; ongoing content creation and maintenance take place on your own site.

Create your first test draft