본문으로 건너뛰기
cccskills
무료GitHub에 공개

wp-env

Use when setting up, configuring, or troubleshooting local WordPress development environments with @wordpress/env (wp-env). Triggers on mentions of wp-env, local WordPress development, Docker-based WordPress, or requests to start/stop/configure a local WordPress instance.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

설치 방법 보기

포함된 파일(1)

  • SKILL.md8.6 KB

SKILL.md(원문)

설치하기 전에 에이전트에게 전달되는 지시 내용을 확인할 수 있습니다.

@wordpress/env (wp-env)

Zero-config, Docker-based local WordPress development environment for plugins, themes, and core.

When to use

  • User asks to set up a local WordPress development environment
  • Project contains a .wp-env.json file
  • User mentions wp-env, @wordpress/env, or Docker-based WordPress development
  • User wants to run WP-CLI commands, PHPUnit tests, or debug with Xdebug locally
  • Triage detects a plugin or theme project that needs a local WordPress instance

wp-env or wp-playground? For a quick local WordPress, prefer the wp-playground skill by default — it's faster, disposable, and needs no Docker. Use wp-env when the task actually requires it:

  • the repo already contains a .wp-env.json
  • a real MySQL database is needed (PHPUnit against the DB, wp db commands, data that survives restarts)
  • arbitrary commands must run inside the environment (shell access, Composer, full WP-CLI via wp-env run)
  • this is a WordPress core or Gutenberg checkout
  • the user explicitly asks for wp-env or Docker

wp-env can also run without Docker by using Playground as its runtime (npx @wordpress/env start --runtime=playground, experimental). That is still wp-env, driven by the same .wp-env.json, so treat it as a Docker-free fallback for a project that already carries wp-env config, not as a third option. It swaps MySQL for SQLite and drops wp-env run and the separate tests environment, which are most of the reasons to pick wp-env in the first place. For a quick Docker-free WordPress with no wp-env config, use the wp-playground skill directly.

Inputs required

  1. Docker status -- verify Docker is installed and running: docker info
  2. Node.js version -- must be >= 18.12.0: node -v
  3. Project type -- plugin, theme, or full site (check for .wp-env.json, plugin headers, or style.css theme headers)
  4. Existing config -- read .wp-env.json and .wp-env.override.json if present

Procedure

1. Install wp-env

# Global (recommended)
npm -g install @wordpress/env

# Or project-local
npm i @wordpress/env --save-dev
# Then use: npx wp-env start

2. Start the environment

wp-env start

Default credentials:

Common start options:

  • wp-env start --update -- pull latest sources and reconfigure
  • wp-env start --xdebug -- enable Xdebug (debug mode)
  • wp-env start --xdebug=profile,trace -- multiple Xdebug modes
  • wp-env start --auto-port -- find available ports when defaults are busy

3. Auto-detection (no config file)

When no .wp-env.json exists, wp-env scans the current directory:

Detected typeHow detectedAuto-config
PluginPlugin Name: header in a root .php file{ "plugins": ["."] }
ThemeTheme Name: header in style.css{ "themes": ["."] }
Corewp-includes/version.php exists{ "core": "." }

4. Configure with .wp-env.json

Place at the project root. All fields are optional.

{
  "core": null,
  "phpVersion": "8.1",
  "plugins": [
    ".",
    "https://downloads.wordpress.org/plugin/akismet.zip",
    "WordPress/classic-editor"
  ],
  "themes": [],
  "port": 8888,
  "multisite": false,
  "phpmyadmin": false,
  "config": {
    "WP_DEBUG": true,
    "SCRIPT_DEBUG": true
  },
  "mappings": {
    "wp-content/mu-plugins": "./mu-plugins"
  },
  "lifecycleScripts": {
    "afterStart": "wp-env run cli wp rewrite structure /%postname%/"
  }
}

Source string formats (for core, plugins, themes, mappings)

FormatExample
Local path".", "./path", "../path"
GitHub shorthand"WordPress/classic-editor", "owner/repo#branch"
ZIP URL"https://downloads.wordpress.org/plugin/akismet.zip"
Git SSH"ssh://user@host/repo.git#ref"

GOTCHA: WordPress.org plugin/theme slugs (bare names like "akismet") do NOT work. Use the full ZIP URL.

Local overrides with .wp-env.override.json

Create .wp-env.override.json next to .wp-env.json for personal settings (gitignored). Only config and mappings are merged -- all other fields (including plugins and themes arrays) fully replace the base.

5. Run commands in containers

# WP-CLI commands
wp-env run cli wp user list
wp-env run cli wp plugin list
wp-env run cli wp option update blogname "My Site"
wp-env run cli "wp rewrite structure /%postname%/"

# Run commands in a specific directory
wp-env run cli --env-cwd=wp-content/plugins/my-plugin composer install

# PHPUnit tests
wp-env run cli --env-cwd=wp-content/plugins/my-plugin vendor/bin/phpunit

# Pass flags with -- separator
wp-env run cli php -- --version

# MySQL access
wp-env run mysql mysql -- --user=root --password=password wordpress

Available containers: mysql, wordpress, cli, composer, phpmyadmin.

6. Manage the environment

wp-env stop                    # Stop and free ports
wp-env reset development       # Reset dev database (keeps test)
wp-env reset all               # Reset all databases
wp-env logs                    # Stream PHP/Docker logs
wp-env logs --no-watch         # Print logs and exit
wp-env status                  # Show URLs, ports, config
wp-env status --json           # Machine-readable status
wp-env cleanup                 # Remove containers/volumes (keep images)
wp-env destroy                 # Remove everything including images

7. Xdebug setup

wp-env start --xdebug          # Enable debug mode
wp-env start --xdebug=coverage # For code coverage
wp-env start                   # Disable Xdebug (restart without flag)

Modes: debug, profile, trace, develop, coverage.

IDE listens on port 9003. VS Code launch.json needs:

{
  "type": "php",
  "request": "launch",
  "name": "Listen for Xdebug",
  "port": 9003,
  "pathMappings": {
    "/var/www/html/wp-content/plugins/your-plugin": "${workspaceFolder}"
  }
}

8. Multisite

{ "multisite": true, "plugins": ["."] }

Verification

  • wp-env status shows running containers with correct ports
  • http://localhost:8888/wp-admin/ loads the WordPress admin
  • wp-env run cli wp plugin list shows expected plugins
  • Plugin/theme under development appears in the WordPress admin
  • Database resets work: wp-env reset development

Failure modes / debugging

SymptomCauseFix
"Cannot connect to Docker daemon"Docker not runningStart Docker Desktop
"Port 8888 already in use"Port conflictUse --auto-port or set custom port in .wp-env.json
Plugin not appearingMissing Plugin Name: header in main PHP fileAdd standard plugin header comment
"Could not find a valid source"Invalid source string in configUse full ZIP URL for wp.org plugins, not bare slugs
Stale environment after source changesCached Docker volumeswp-env start --update or wp-env destroy && wp-env start
White screen / PHP errorsCorrupted databasewp-env reset all && wp-env start
Override not taking effectWrong merge behaviorplugins/themes in override replace base arrays; only config/mappings merge
Tests environment not accessibleWrong portTest environment runs on port 8889 by default
Xdebug not connectingIDE not listening or wrong portEnsure IDE listens on port 9003 with correct pathMappings
npm global install permission errorNode installed to a system pathUse nvm, or install locally: npm i -D @wordpress/env and run via npx wp-env

Escalation

  • Docker issues beyond wp-env scope (networking, disk space, WSL2 backend)
  • Custom Docker Compose configurations that conflict with wp-env
  • CI/CD pipeline integration requiring non-standard Docker setups
  • WordPress Playground runtime (--runtime=playground) is experimental and has limited feature parity

References

리뷰

아직 리뷰가 없습니다. 사용해 본 소감을 남겨 주세요.

댓글

로그인 없이 쓸 수 있습니다. 사용 후기, 질문, 작동하지 않은 환경 등을 편하게 남겨 주세요.

아직 댓글이 없습니다. 첫 댓글을 남겨 보세요.

보내면 바로 공개됩니다. 이메일 주소나 전화번호 같은 개인 정보는 쓰지 마세요. URL은 2개까지입니다.

0 / 1,000자

이 양식은 reCAPTCHA로 보호되며 Google 개인정보처리방침 및 서비스 약관이 적용됩니다.

같은 저장소의 스킬

blueprint

무료

Use when the deliverable is WordPress Playground Blueprint JSON or a Blueprint bundle, including creating, editing, reviewing, validating schema keys, choosing steps/resources, and debugging Blueprint files. For only running or sharing a Playground environment, use wp-playground.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

WordPress/agent-skills2.3천2026년 10월 12일 업데이트

Use when the user asks about WordPress codebases (plugins, themes, block themes, Gutenberg blocks, WP core checkouts) and you need to quickly classify the repo and route to the correct workflow/skill (blocks, theme.json, REST API, WP-CLI, performance, security, testing, release packaging).

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

WordPress/agent-skills2.3천2026년 10월 12일 업데이트

Use when working with the WordPress Abilities API (wp_register_ability, wp_register_ability_category, /wp-json/wp-abilities/v1/*, @wordpress/abilities) including defining abilities, categories, meta, REST exposure, and permissions checks for clients.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

WordPress/agent-skills2.3천2026년 10월 12일 업데이트

Audit a WordPress plugin's REST surface and produce a standardized audit document proposing Abilities API registrations. Produces a markdown doc with a YAML schema and prose sections that humans and agents can both consume when planning a registration rollout. Works on any WP plugin.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

WordPress/agent-skills2.3천2026년 10월 12일 업데이트

Verify a WordPress plugin's Abilities API registrations: enumerate abilities, check that callback behavior matches each annotation's claim (the adversarial readonly-but-writes detection), validate permissions and schemas, and validate audit documents produced by wp-abilities-audit.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

WordPress/agent-skills2.3천2026년 10월 12일 업데이트

Use when developing WordPress (Gutenberg) blocks: block.json metadata, register_block_type(_from_metadata), attributes/serialization, supports, dynamic rendering (render.php/render_callback), deprecations/migrations, viewScript vs viewScriptModule, and @wordpress/scripts/@wordpress/create-block build and test workflows.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

WordPress/agent-skills2.3천2026년 10월 12일 업데이트

WordPress의 스킬 모두 보기

이 스킬의 문제 신고