Agent skill

Wp Playground Development

by jorgerosal in jorgerosal/wordpress-skills

WordPress Playground review and development guidance. An agent skill from jorgerosal/wordpress-skills.

MITAuto-check passed

Install Wp Playground Development

skills CLI
$ npx skills add jorgerosal/wordpress-skills --skill wp-playground-development -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install jorgerosal/wordpress-skills wp-playground-development --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/jorgerosal/wordpress-skills.git skills-src && mkdir -p .claude/skills && cp -r skills-src/claude-skills/wp-playground-development .claude/skills/wp-playground-development && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
wp-playground-development
GitHub stars
101
Token cost
~1.2k tokens
SKILL.md length
487 words
Files
5 (incl. references)
Skills in repo
35
Repo updated
First seen
Licence
MIT

At a glance

WordPress Playground review and development guidance. An agent skill from jorgerosal/wordpress-skills.

  • Works in 5 steps: Identify the Playground entrypoint → Check reproducibility first → Review setup steps → …
  • Reviewing Blueprints
  • SKILL.md covers Overview, When to Use, Code Review Workflow and File-Type Specific Checks, plus 3 more sections
  • Calls rg and npx

What it does

Wp Playground Development is an agent skill from jorgerosal/wordpress-skills. WordPress Playground review and development guidance. Use when reviewing Blueprints, Playground JSON setup flows, @wp-playground/cli usage, embedded Playground demos, reproducible bug repros, docs examples, or when user mentions "WordPress Playground", "Blueprint", "playground.json", "run-blueprint", "build-snapshot", "embed Playground", or "zero-setup repro". Helps review Blueprint design, local Playground workflows, demo reliability, and reproducible WordPress environments.

Its SKILL.md is about 1.2k tokens, which your agent loads only when the skill is triggered. The skill folder holds 5 other files, including reference files (for example `references/blueprint-patterns.md`, `references/cli-and-local-workflows.md` and `references/embedding-and-repros.md`).

It works with WordPress. The repository describes itself as: ✅ 🎉 Claude skills and Codex skills for Wordpress development❗️. The licence is MIT.

When your agent uses it

  • Reviewing Blueprints
  • Playground JSON setup flows
  • @wp-playground/cli usage
  • Embedded Playground demos

Example prompts

  • “WordPress Playground”
  • “Blueprint”
  • “playground.json”
  • “/wp-playground-development”

Requirements

  • Node.js

Workflow steps

5 steps, taken from the first numbered list in SKILL.md.

  1. Identify the Playground entrypoint
  2. Check reproducibility first
  3. Review setup steps
  4. Review developer ergonomics
  5. Classify findings

What it can do on your machine

Read from SKILL.md and the folder at commit 8c96442. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    Shell commands in SKILL.md call:

    • rg
    • npx

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md. Its commands use npx, which can reach the network depending on how they are called.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Wp Playground Development loads about 1.2k tokens when it runs, and up to ~3k if it reads all its reference files. Until then it costs about 127 tokens; SKILL.md has 487 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~127
When it runs · the whole SKILL.md, loaded when a task matches
~1.2k
With references · SKILL.md plus every file in references/, read only if the agent opens them
~3k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from jorgerosal/wordpress-skills at commit 8c96442, republished under its MIT licence (© jorgerosal). 487 words, ~1,230 tokens.

Download SKILL.mdSave it as .claude/skills/wp-playground-development/SKILL.md (or your agent's skills folder). This skill also uses 4 other files; get the full folder from GitHub.
name
wp-playground-development
description
WordPress Playground review and development guidance. Use when reviewing Blueprints, Playground JSON setup flows, `@wp-playground/cli` usage, embedded Playground demos, reproducible bug repros, docs examples, or when user mentions "WordPress Playground", "Blueprint", "playground.json", "run-blueprint", "build-snapshot", "embed Playground", or "zero-setup repro". Helps review Blueprint design, local Playground workflows, demo reliability, and reproducible WordPress environments.

WordPress Playground Development Skill

Overview

Systematic review guidance for WordPress Playground-based demos and reproducible environments. Core principle: Playground setups should be deterministic, portable, and easy to understand from the Blueprint or CLI entrypoint alone. Review covers Blueprint structure, local CLI usage, embedded demos, repro environments, and demo-specific WordPress configuration.

When to Use

Use when:

  • Reviewing a Blueprint JSON file
  • Auditing docs that embed or link to Playground
  • Building a zero-setup bug repro or demo
  • Reviewing Playground CLI usage in local workflows or tests
  • Designing a repeatable environment for blocks, plugins, or themes

Don't use for:

  • General block or plugin review without Playground
  • WP-CLI operations outside a Playground context
  • Static analysis or CI setup alone

Code Review Workflow

  1. Identify the Playground entrypoint

    • Blueprint JSON
    • Playground CLI command
    • Embedded iframe or blueprint URL
    • Local docs or scripts used to reproduce an issue
  2. Check reproducibility first

    • Explicit WordPress and PHP versions where needed
    • Steps are ordered and self-contained
    • No hidden manual steps outside the Blueprint/docs
  3. Review setup steps

    • Theme/plugin install and activation
    • Login, site options, content seeding
    • File writes, copies, or mounts
    • Any wp-cli steps used inside the Blueprint
  4. Review developer ergonomics

    • Can someone rerun this without guesswork?
    • Is the landing page meaningful?
    • Are local and browser-based flows clearly separated?
  5. Classify findings

    • CRITICAL: non-reproducible setup, hidden dependencies, broken step order, external assumptions not documented
    • WARNING: versions implicit, overly brittle mounts, confusing landing page, heavyweight repro for a tiny issue
    • INFO: could simplify steps, split demo from test data, or use a clearer Blueprint pattern

File-Type Specific Checks

Blueprint Files
  • CRITICAL: Missing required setup step that makes the Blueprint non-functional
  • WARNING: No explicit preferredVersions when version compatibility matters
  • WARNING: Repro depends on files adjacent to the Blueprint without documentation
  • INFO: Could set a clearer landingPage
Show full SKILL.md (191 more words)Show less
Playground CLI Workflows
  • WARNING: Local workflow uses server or start with undocumented mounts
  • WARNING: Blueprint path or auto-mount assumptions are implicit
  • INFO: Could use run-blueprint or build-snapshot for more deterministic flows
Embedded Demos and Repros
  • CRITICAL: Demo depends on manual admin setup not captured in the Blueprint
  • WARNING: Embedded example is too large or generic for the issue being demonstrated
  • INFO: Could split teaching/demo content from bug repro content

Search Patterns for Quick Detection (PG-21)

Use these rg commands to find Playground-related files and setup logic.

Playground Discovery
bash
rg -n "playground|blueprint|@wp-playground" . -g '*.{md,json,js,ts,tsx,yml,yaml}'
rg -n "\"steps\"|\"landingPage\"|\"preferredVersions\"" . -g '*.json'
CLI and Embed Flows
bash
rg -n "run-blueprint|build-snapshot|@wp-playground/cli|npx @wp-playground/cli" . -g '*.{md,js,ts,sh,yml,yaml}'
rg -n "blueprint-url|playground.wordpress.net|wordpress.org/playground" . -g '*.{md,html,js,ts}'
Repro Steps
bash
rg -n "\"step\": \"(login|wp-cli|installPlugin|installTheme|writeFile|mkdir|cp|mv|enableMultisite)\"" . -g '*.json'

Reference Files

  • references/blueprint-patterns.md - Blueprint structure, step selection, and deterministic setup
  • references/cli-and-local-workflows.md - @wp-playground/cli, mounts, local workflows, and snapshot usage
  • references/embedding-and-repros.md - Embedded demos, blueprint URLs, and issue reproduction patterns
  • references/sample-playground-blueprint.json - Minimal reproducible Blueprint fixture for local testing or adaptation

Output Format (PG-23)

For each finding include:

  1. Severity: CRITICAL, WARNING, or INFO
  2. File and line number
  3. Repro or demo issue summary
  4. Why it matters for Playground reliability or clarity
  5. Recommended fix

If no issues are found, say so clearly and mention any residual ambiguity such as version drift, missing repro notes, or fragile local mounts.

© jorgerosal, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

SKILL.md and 4 other files (references) in claude-skills/wp-playground-development of jorgerosal/wordpress-skills.

  • SKILL.md
  • references/blueprint-patterns.md
  • references/cli-and-local-workflows.md
  • references/embedding-and-repros.md
  • references/sample-playground-blueprint.json

Open the folder on GitHubat commit 8c96442

Compare with similar skills

Wp Playground Development next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Wp Playground Development compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Wp Playground Development this skilljorgerosal/wordpress-skills101—~1.2kAutomated safety check: PassMIT
WooCommerce Code Reviewwoocommerce/woocommerce11k3 repos~1.1kAutomated safety check: PassCustom licence
Wp Block Developmentgambitph/Stackable3504 repos~1.6kAutomated safety check: PassGPL-3.0
Wp Interactivity APIAutomattic/agent-skills2113 repos~1.5kAutomated safety check: PassNone
Postizgitroomhq/postiz-agent5062 repos~7.9kAutomated safety check: PassAGPL-3.0
Doc ScreenshotsWordPress/wordpress-playground2k—~1.8kAutomated safety check: PassGPL-2.0

Similar skills

  • WooCommerce Code Review

    woocommerce/woocommerce

    Reviews WooCommerce code changes against the project's standards, flagging backend PHP architecture, naming, documentation, data integrity and testing violations.

    11k GitHub starsUsed in 3 repos~1.1k tokens
    DevelopmentAuto-check passed
  • Wp Block Development

    gambitph/Stackable

    A skill your agent uses when developing WordPress (Gutenberg) blocks: block.json metadata, registerblocktype(frommetadata), attributes/serialization, supports, dynamic rendering…

    350 GitHub starsUsed in 4 repos~1.6k tokens
    Auto-check passed
  • Wp Interactivity API

    Automattic/agent-skills

    A skill your agent uses when building or debugging WordPress Interactivity API features (data-wp- directives, @wordpress/interactivity store/state/actions, block viewScriptModule integration…

    211 GitHub starsUsed in 3 repos~1.5k tokens
    DevelopmentAuto-check passed
  • Postiz

    gitroomhq/postiz-agent

    Postiz is a tool to schedule social media and chat posts to 28+ channels X, LinkedIn, LinkedIn Page, Reddit, Instagram, Facebook Page, Threads, YouTube, Google My Business, TikTok, Pinterest…

    506 GitHub starsUsed in 2 repos~7.9k tokens
    Writing & ContentAuto-check passed
  • Doc Screenshots

    WordPress/wordpress-playground

    Annotate UI screenshots with documentation callouts in Fellyph's established visual style — uniform-width orange arrows with white halos, double-stroke target outlines, numbered callout cards, dim…

    2k GitHub stars~1.8k tokensUpdated today
    Testing & QAAuto-check passed
  • Wp Performance Review

    elvismdev/claude-wordpress-skills

    WordPress performance code review and optimization analysis.

    235 GitHub starsUsed in 1 repo~4.5k tokens
    Business, Finance & HRAuto-check passed

More from jorgerosal/wordpress-skills

All 35 skills in this repo
  • Wp Accessibility Review

    jorgerosal/wordpress-skills

    WordPress accessibility review for themes, blocks, plugins, and admin interfaces.

    101 GitHub stars~1.1k tokensUpdated 4 mo ago
    Auto-check passed
  • Wp Acf And Content Modeling

    jorgerosal/wordpress-skills

    WordPress ACF and content modeling review. An agent skill from jorgerosal/wordpress-skills.

    101 GitHub stars~3.2k tokensUpdated 4 mo ago
    Auto-check passed
  • Wp Admin UI Development

    jorgerosal/wordpress-skills

    WordPress admin UI review and development guidance. An agent skill from jorgerosal/wordpress-skills.

    101 GitHub stars~1.2k tokensUpdated 4 mo ago
    Auto-check passed
  • Wp CI CD And Release Engineering

    jorgerosal/wordpress-skills

    WordPress CI/CD and release engineering review guidance. An agent skill from jorgerosal/wordpress-skills.

    101 GitHub stars~1.7k tokensUpdated 4 mo ago
    Auto-check passed
  • Wp Headless And Wpgraphql

    jorgerosal/wordpress-skills

    Headless WordPress and WPGraphQL review guidance. An agent skill from jorgerosal/wordpress-skills.

    101 GitHub stars~1.7k tokensUpdated 4 mo ago
    Auto-check passed
  • Wp Migration Upgrade Review

    jorgerosal/wordpress-skills

    WordPress migration and upgrade review. An agent skill from jorgerosal/wordpress-skills.

    101 GitHub stars~1.1k tokensUpdated 4 mo ago
    Auto-check passed

Works with

Questions about Wp Playground Development

What does Wp Playground Development do?

WordPress Playground review and development guidance. An agent skill from jorgerosal/wordpress-skills. Wp Playground Development is an agent skill from jorgerosal/wordpress-skills. WordPress Playground review and development guidance.

When should I use Wp Playground Development?

Wp Playground Development fits situations like: reviewing Blueprints; playground JSON setup flows; @wp-playground/cli usage; embedded Playground demos.

How do I install Wp Playground Development in Claude Code?

Run `npx skills add jorgerosal/wordpress-skills --skill wp-playground-development -a claude-code`. Or copy the skill folder (claude-skills/wp-playground-development in jorgerosal/wordpress-skills) into .claude/skills/wp-playground-development in your project. Claude Code loads it when a task matches its description.

How do I install Wp Playground Development in Codex?

Run `npx skills add jorgerosal/wordpress-skills --skill wp-playground-development -a codex`. Or copy the skill folder (claude-skills/wp-playground-development in jorgerosal/wordpress-skills) into .agents/skills/wp-playground-development in your project. Codex loads it when a task matches its description.

Can I use Wp Playground Development in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add jorgerosal/wordpress-skills --skill wp-playground-development -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/wp-playground-development, .gemini/skills/wp-playground-development, .github/skills/wp-playground-development and .opencode/skills/wp-playground-development in your project.

What does Wp Playground Development need to run?

Going by SKILL.md and its folder, Wp Playground Development needs the command-line tools its instructions call (rg and npx). Our summary lists: Node.js.

Does Wp Playground Development access the network?

SKILL.md contains no URLs. Its commands use npx, which can reach the network depending on how they are called. This is read from the text; nothing was executed.

Is Wp Playground Development safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Wp Playground Development use?

Wp Playground Development is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Wp Playground Development use?

About 1.2k tokens (SKILL.md is roughly 4.9k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 1.8k tokens, read only when the agent opens those files.

What are the alternatives to Wp Playground Development?

Skills that share tags, products or a category with Wp Playground Development: WooCommerce Code Review (woocommerce/woocommerce, 11k stars), Wp Block Development (gambitph/Stackable, 350 stars), Wp Interactivity API (Automattic/agent-skills, 211 stars) and Postiz (gitroomhq/postiz-agent, 506 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Wp Playground Development?

jorgerosal (a GitHub user) maintains it in jorgerosal/wordpress-skills, which has 101 GitHub stars. The repository holds 35 skills in this directory. The repository was last updated on June 7, 2026.

Source: jorgerosal/wordpress-skills on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.