blueprint · wordpress — Claude Code skill for WordPress Playground
Create and inspect JSON Blueprints for WordPress Playground with this skill. Use it to configure an environment as a Blueprint file, rather than just launch or share one.
npx skills add WordPress/agent-skills --skill blueprint -a claude-codeWhat blueprint does
The skill guides an agent through drafting and editing WordPress Playground Blueprints. It can describe plugin and theme setup, site settings, file operations, and ordered actions, as well as check schema keys and diagnose Blueprint issues. For launching or sharing a Playground environment without working on its Blueprint, use wp-playground instead.
A Blueprint describes configuration in JSON, and keys outside the schema are rejected. When execution order matters, spell out actions as steps: the login, plugins, siteOptions, and constants shortcuts are added in an unspecified order. That can affect the sequence you expect. Compatibility is listed for WordPress 7.0+ and PHP 7.4.0+; the Playground CLI or a browser can be used.
What it helps with
- create a Blueprint for a WordPress Playground setup
- check JSON properties against the Blueprint schema
- define plugin or theme installation steps
- debug a Blueprint file
Example prompts for the agent
- Create a WordPress Playground Blueprint that installs a plugin and opens the admin page.
- Check this Blueprint for properties rejected by its schema.
- Set an explicit step order for installing a theme and configuring the site.
How to install blueprint
1Skills CLI (Vercel)
npx skills add WordPress/agent-skills --skill blueprint -a claude-code2Manually: put the files in place
~/.claude/skills/blueprint/SKILL.mdCopy the whole skill folder; for one project use .claude/skills/blueprint/
1Skills CLI (Vercel)
npx skills add WordPress/agent-skills --skill blueprint -a codex2Manually: put the files in place
.agents/skills/blueprint/SKILL.mdFor all projects use ~/.agents/skills/
1Skills CLI (Vercel)
npx skills add WordPress/agent-skills --skill blueprint -a cursor2Manually: put the files in place
.cursor/skills/blueprint/SKILL.mdCursor also reads .agents/skills/ and .claude/skills/
1GitHub CLI
gh skill install WordPress/agent-skills blueprint2Manually: put the files in place
.github/skills/blueprint/SKILL.md1Skills CLI (Vercel)
npx skills add WordPress/agent-skills --skill blueprint -a gemini-cli2Platform CLI
gemini skills install https://github.com/WordPress/agent-skills --path skills/blueprintManually: put the files in place
.devin/skills/blueprint/SKILL.mdThe legacy .windsurf/skills/ path still works
Skills CLI (Vercel)
npx skills add WordPress/agent-skills --skill blueprint -a opencodeClaude.ai
Zip the folder and upload it in Settings → Capabilities → Skills
Step by step, with commands for each platform: How to install skills in Claude Code: five ways
Questions about blueprint
How do I install blueprint in Claude Code?
Run npx skills add WordPress/agent-skills --skill blueprint -a claude-code. The skill file is placed at ~/.claude/skills/blueprint/SKILL.md.
What does blueprint do?
It helps create, edit, and check JSON Blueprints for WordPress Playground. Use it to define environment setup actions or investigate schema errors.
How do I control action order in a Blueprint?
Put actions in explicit steps. The login, plugins, siteOptions, and constants shortcuts are prepended in an unspecified order.
Similar skills
All skills for Agent setup: memory, context, orchestration →blueprint by other authors comes first.