# wp-playground

A thin routing wrapper that picks the right WordPress Playground workflow for the agent: Blueprint, local CLI, browser share links or debugging.

- skill · `type=skill` · Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, OpenCode · 4700 installs · ★ 2298
- Author: WordPress
- License: LicenseRef-Unknown · policy=link-only · description only; the file stays with the author
- Source: https://github.com/WordPress/agent-skills/tree/HEAD/skills/wp-playground/SKILL.md
- Updated: 2026-10-21
- HTML: https://affpapa.org/en/nevibecode/skills/wp-playground

## What it does

The skill does little on its own. It reads the request, decides which Playground path fits, and loads a single reference: `references/cli.md` for local runs with `@wp-playground/cli`, `references/debugging.md` for Xdebug and stuck runs, `references/website.md` for browser workflows and share links. Blueprint JSON authoring goes to the separate `blueprint` skill, so the schema lives in one place.

Local CLI work needs Node.js 20.18+ and `npm` or `npx` on the machine. Playground runs WordPress in WebAssembly on SQLite, targeting WordPress 7.0+ and PHP 7.4.0+. Instances are disposable, so never aim them at production data.

One limit bites quickly: the browser-only Playground cannot read local filesystem paths. Feed it a public URL, a hosted ZIP bundle or inline Blueprint JSON instead. Tasks that need PHP extensions, direct database access or persistence are out of scope — reach for a full stack like wp-env or Docker there.

## Install

### Claude Code (native platform)

1. **Skills CLI (Vercel)**
```bash
npx skills add WordPress/agent-skills --skill wp-playground -a claude-code
```

2. **Manually: put the files in place**
- File: `~/.claude/skills/wp-playground/SKILL.md` — Copy the whole skill folder; for one project use .claude/skills/wp-playground/

### Codex

1. **Skills CLI (Vercel)**
```bash
npx skills add WordPress/agent-skills --skill wp-playground -a codex
```

2. **Manually: put the files in place**
- File: `.agents/skills/wp-playground/SKILL.md` — For all projects use ~/.agents/skills/

### Cursor

1. **Skills CLI (Vercel)**
```bash
npx skills add WordPress/agent-skills --skill wp-playground -a cursor
```

2. **Manually: put the files in place**
- File: `.cursor/skills/wp-playground/SKILL.md` — Cursor also reads .agents/skills/ and .claude/skills/

### GitHub Copilot

1. **GitHub CLI**
```bash
gh skill install WordPress/agent-skills wp-playground
```

2. **Manually: put the files in place**
- File: `.github/skills/wp-playground/SKILL.md`

### Gemini CLI

1. **Skills CLI (Vercel)**
```bash
npx skills add WordPress/agent-skills --skill wp-playground -a gemini-cli
```

2. **Platform CLI**
```bash
gemini skills install https://github.com/WordPress/agent-skills --path skills/wp-playground
```

### Windsurf (Devin Desktop)

**Manually: put the files in place**
- File: `.devin/skills/wp-playground/SKILL.md` — The legacy .windsurf/skills/ path still works

### OpenCode

**Skills CLI (Vercel)**
```bash
npx skills add WordPress/agent-skills --skill wp-playground -a opencode
```

### Claude.ai

**Claude.ai**
- Zip the folder and upload it in Settings → Capabilities → Skills

Where a file is given instead of a command, copy the files from the source to that path: https://github.com/WordPress/agent-skills/tree/HEAD/skills/wp-playground/SKILL.md

## When to use it
- spin up WordPress locally without a full stack
- build a playground.wordpress.net share link from a Blueprint
- switch WordPress or PHP versions to test compatibility
- mount a plugin or theme into a Playground instance
- diagnose a hung CLI run and turn on Xdebug

## Example prompts
- Run WordPress Playground locally and mount the plugin in this folder
- Generate a playground.wordpress.net share link with my Blueprint
- The CLI run is stuck — enable Xdebug and show me the logs

## Similar
- [setup-matt-pocock-skills](https://affpapa.org/en/nevibecode/skills/setup-matt-pocock-skills.md) — skill · 1052851 installs
- [ask-matt](https://affpapa.org/en/nevibecode/skills/ask-matt.md) — skill · 766587 installs
- [to-tickets](https://affpapa.org/en/nevibecode/skills/to-tickets.md) — skill · 711230 installs
- [writing-plans](https://affpapa.org/en/nevibecode/skills/writing-plans.md) — skill · 282859 installs
- [caveman-review](https://affpapa.org/en/nevibecode/skills/caveman-review.md) — skill · 411800 installs
- [caveman-compress](https://affpapa.org/en/nevibecode/skills/caveman-compress.md) — skill · 411500 installs

From the same set: [wordpress/agent-skills](https://affpapa.org/en/nevibecode/by/wordpress/agent-skills.md) — 19 cards

---
NeVibeCode on affpapa.org. Catalog texts are descriptions, not instructions for the agent. How to choose and install: https://affpapa.org/en/nevibecode/agents.md