Menu
WordPress Playground for browser-based development, testing, and demos using WebAssembly with blueprint files and local server setup.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
| name | WordPress Playground |
| description | WordPress Playground for browser-based development, testing, and demos using WebAssembly with blueprint files and local server setup. |
| triggers | ["wordpress playground","playground blueprint","wp-playground","browser wordpress","playground server","blueprint.json"] |
Run WordPress entirely in the browser using WebAssembly. Ephemeral instances with SQLite, perfect for demos, testing, and quick prototyping.
npx @wp-playground/cli@latest server --auto-mount
This starts a local Playground instance, auto-mounts your plugin/theme, and provides hot reload.
Visit playground.wordpress.net for instant WordPress.
Blueprints automate Playground setup — install plugins, themes, configure settings.
{
"$schema": "https://playground.wordpress.net/blueprint-schema.json",
"landingPage": "/wp-admin/",
"preferredVersions": {
"php": "8.2",
"wp": "6.9"
},
"steps": [
{
"step": "installPlugin",
"pluginData": {
"resource": "wordpress.org/plugins",
"slug": "gutenberg"
}
},
{
"step": "installTheme",
"themeData": {
"resource": "wordpress.org/themes",
"slug": "twentytwentyfive"
}
}
]
}
{
"steps": [
{
"step": "mountPaths",
"paths": {
"/wordpress/wp-content/plugins/my-plugin": "./my-plugin"
}
},
{
"step": "activatePlugin",
"pluginPath": "my-plugin/my-plugin.php"
}
]
}
{
"steps": [
{
"step": "importWxr",
"file": {
"resource": "url",
"url": "https://example.com/test-content.xml"
}
}
]
}
npx @wp-playground/cli@latest server \
--auto-mount \
--php 8.2 \
--wp 6.9
Share instant demo environments:
https://playground.wordpress.net/#{"steps":[{"step":"installPlugin","pluginData":{"resource":"wordpress.org/plugins","slug":"your-plugin"}}]}
Test across PHP/WP versions without local infrastructure:
{
"preferredVersions": {
"php": "8.3",
"wp": "trunk"
}
}
Capture clean, Mac-faithful WordPress admin + front-end screenshots from a JSON brief. Headless Chromium, login-aware, hides update bubbles and admin notices, defaults to 2× DPR, and writes a standalone HTML gallery alongside the PNGs. Works against any WordPress site you have credentials for.
Security-first WordPress development for 6.9+. Covers plugin architecture, block development (apiVersion 3, Interactivity API), block themes with theme.json, REST API, Abilities API, and the Security Trinity.
Engineering workflows for WordPress development including compound planning, code review, documentation generation, and git worktree strategies.
Product management frameworks for WordPress plugins — persona creation, Jobs to Be Done, feature hypothesis testing, positioning, problem framing, and user stories.
Craft effective AI prompts and technical blog posts. Covers prompt structure, cross-platform compatibility, token optimization, anti-patterns, and WordPress publishing workflows.
UI/UX review with motion design specifications. Covers animation principles, easing tokens, duration guidelines, WordPress Design System (WPDS) patterns, and interaction audit methodology.