一键导入
wordpress-playground
WordPress Playground for browser-based development, testing, and demos using WebAssembly with blueprint files and local server setup.
用 Codex 或 Claude 帮你安装 复制这段 Prompt,粘贴到 Codex、Claude 或其他助手里,让它检查 Skill 页面并帮你完成安装。
菜单
WordPress Playground for browser-based development, testing, and demos using WebAssembly with blueprint files and local server setup.
用 Codex 或 Claude 帮你安装 复制这段 Prompt,粘贴到 Codex、Claude 或其他助手里,让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
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.
| 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"
}
}