PluginBench
Skill
Official
Review
Audit score 70

wp-playground

wordpress/agent-skills

Route WordPress Playground tasks to the right workflow: CLI, browser, debugging, or Blueprint authoring.

What is wp-playground?

A routing wrapper for WordPress Playground work that directs you to focused references based on your intent—whether you're running local CLI commands, sharing browser-based sites, debugging with Xdebug, or authoring Blueprints. Use this to pick the right tool without duplicating guidance across multiple skills.

  • Routes ambiguous Playground requests to focused CLI, browser, debugging, or Blueprint workflows
  • Supports local @wp-playground/cli execution with mounts, snapshots, and version switching
  • Enables browser-only playground.wordpress.net share links and WebMCP site tools
  • Provides Xdebug and stuck CLI run debugging via references
  • Validates compatibility (WordPress 7.0+, PHP 7.4.0+, Node.js 20.18+ for CLI)

How to install wp-playground

npx skills add https://github.com/wordpress/agent-skills --skill wp-playground
Prerequisites
  • Node.js 20.18+ for local CLI execution
  • npm or npx to install @wp-playground/cli
  • Internet connection for browser-based playground.wordpress.net workflows
Claude Code
Cursor
Windsurf
Cline

How to use wp-playground

  1. 1.Identify your workflow: Blueprint authoring, local CLI run, browser-only site, snapshot creation, or debugging
  2. 2.For Blueprint JSON work, delegate to the blueprint skill; for CLI, browser, or debugging, read the appropriate reference (cli.md, website.md, or debugging.md)
  3. 3.If local filesystem access is needed, use CLI mode; if browser-only sharing is required, use website mode
  4. 4.For mixed requests with multiple parts, route Blueprint work first, then return here for runtime or sharing guidance
  5. 5.Verify the mounted project, generated share link, or Xdebug session against the expected WordPress/PHP versions and installed assets

Use cases

Good for
  • Determine whether to use local CLI or browser-only Playground for a mixed request
  • Set up a local Playground server with mounted plugins/themes and run blueprints
  • Generate shareable browser links to a configured WordPress site without local filesystem access
  • Debug a stuck CLI run or enable Xdebug inspection in a Playground instance
  • Validate a Blueprint JSON file before routing to the blueprint skill for detailed authoring
Who it's for
  • WordPress developers testing plugins and themes in isolated environments
  • DevOps engineers automating WordPress setup with Blueprints and snapshots
  • Developers debugging WordPress code with Xdebug in a lightweight WebAssembly sandbox
  • Teams sharing reproducible WordPress configurations via browser-based share links

wp-playground FAQ

When should I use wp-playground vs. the blueprint skill?

Use wp-playground as a router to identify your workflow (CLI, browser, debugging, or mixed). Use blueprint directly for Blueprint JSON authoring, schema validation, resources, bundles, or Blueprint review—never duplicate Blueprint guidance here.

Can I access local files from a browser-only Playground link?

No. Browser-only playground.wordpress.net cannot read local filesystem paths. Use local CLI mode with mounts, or host your plugin/theme as a public ZIP URL or inline Blueprint JSON.

What Node.js version do I need for local CLI?

Node.js 20.18 or later is required for @wp-playground/cli. Verify with `node --version` before running local commands.

How do I debug a stuck CLI run or enable Xdebug?

Read references/debugging.md for Xdebug setup, runtime logs, worker flags, and troubleshooting stuck CLI runs. Do not treat debugging as a second-hop reference.

Can Playground handle production data or persistence?

No. Playground instances are disposable, SQLite-backed sandboxes. Never point them at production data. For persistent or production-like infrastructure, use wp-env, Docker, or a full WordPress stack.

Full instructions (SKILL.md)

Source of truth, from wordpress/agent-skills.


name: wp-playground description: "Use as the WordPress Playground routing wrapper for ambiguous Playground work, local CLI runs with @wp-playground/cli, playground.wordpress.net share links, browser previews, WebMCP site tools, snapshots, mounts, version switching, and Xdebug. For Blueprint JSON authoring or review, use the blueprint skill directly." compatibility: "Targets WordPress 7.0+, PHP 7.4.0+. Playground CLI requires Node.js 20.18+; runs WordPress in WebAssembly with SQLite."

WordPress Playground

This is a thin routing wrapper. Use it to pick the right Playground workflow, then load only the focused reference or skill needed for the task.

Procedure

  1. Identify the user intent: Blueprint authoring/review, local CLI execution, browser-only website/share link workflow, Xdebug/stuck CLI run, or a mixed Playground request.
  2. Route to the focused source below, loading more than one only when the request has multiple distinct parts.
  3. For mixed requests, delegate Blueprint JSON work to blueprint, then return here for runtime, CLI, debugging, or sharing guidance.
  • Blueprint JSON, schema, steps, resources, bundles, or Blueprint review: use the blueprint skill directly. Do not duplicate Blueprint schema details here.
  • Local CLI execution: read references/cli.md for @wp-playground/cli server, run-blueprint, build-snapshot, mounts, version switching, and local validation.
  • Xdebug or stuck CLI runs: read references/debugging.md for Xdebug, runtime logs, worker flags, and stuck CLI runs.
  • Browser-only Playground website workflows: read references/website.md for Query API and Blueprint URL setup, share links, and browser limitations. It routes existing-site operations to separate WebMCP, Playground MCP, and Sites API references; load only the selected method. Unless the user requests a specific connection method, prefer available WebMCP tools for supported browser operations.

Inputs required

  • The intended workflow: Blueprint authoring, local CLI run, website/share link, snapshot, or debugging.
  • Project or bundle path if local code must be mounted or packaged.
  • Desired WordPress/PHP versions if compatibility matters.
  • Port preference if a local server is needed.
  • Whether browser-only sharing or local filesystem access is required.

Guardrails

  • Playground instances are disposable, SQLite-backed environments; never point them at production data.
  • Keep Blueprint JSON guidance in blueprint so the schema and examples have one source of truth.
  • For local CLI work, verify Node.js 20.18+ and npm/npx before running commands.
  • Browser-only Playground cannot read local filesystem paths; use public URLs, hosted ZIP bundles, or inline Blueprint JSON.

Verification

  • For Blueprint content, validate against the published schema and follow the blueprint skill verification.
  • For local CLI runs, verify the mounted plugin/theme or Blueprint side effects in the Playground instance.
  • For share links, open the generated URL and confirm the expected landing page and installed assets load.

Failure modes

  • Blueprint work routed here: stop and use the blueprint skill for schema keys, steps, resources, bundles, validation, or Blueprint review.
  • Local filesystem needed in a browser-only workflow: use references/cli.md; playground.wordpress.net cannot read local filesystem paths.
  • Shareable browser link requested from a local CLI workflow: use references/website.md; local server URLs are not portable share links.
  • Debugging treated as a second-hop reference: read references/debugging.md directly for Xdebug, logs, worker flags, and stuck CLI runs.

Escalation

  • If the task needs PHP extensions, native database access, persistence, or production-like infrastructure that Playground cannot provide, use a full WordPress stack such as wp-env, Docker, or the project-provided environment.