Use WordPress Studio from VS Code Copilot Agent by connecting the current workspace to Studio's MCP tools. The extension can write VS Code's supported .vscode/mcp.json configuration so Copilot Agent can use Studio for local WordPress site management, WP-CLI, screenshots, block validation, and audits.
Quick start
- Install WordPress Studio and make sure the
studiocommand is available on yourPATH. - Open a workspace folder in VS Code.
- When prompted, choose
Configureto add WordPress Studio MCP to this workspace. - Open Copilot Chat in Agent mode and ask it to use the
wordpress-studiotools.
The prompt appears once per workspace. To configure manually, open the Command Palette with Cmd+Shift+P and run WordPress Studio: Configure Workspace MCP.
Example prompts:
Use the wordpress-studio MCP tools to list my Studio sites.Use WordPress Studio to inspect the current site and tell me what tools are available.Use wp_cli through WordPress Studio to check the active theme.
If Copilot does not see the tools immediately, reload the VS Code window and try again.
What it includes
- a first-run workspace prompt plus commands to validate Studio availability, show/copy the bundled MCP config, and merge the WordPress Studio MCP servers into the open workspace.
mcp.jsonwithwordpress-studioandwordpress-telemetryserver entries.skills/as reference Build with WordPress playbooks for editor users and future extension behavior.
MCP integration
VS Code supports workspace MCP configuration through .vscode/mcp.json with a top-level servers object. The WordPress Studio: Configure Workspace MCP command creates or updates that file in the open workspace, preserves unrelated server entries, and prompts before replacing an existing managed WordPress server that differs from the bundled configuration.
This extension writes workspace MCP config rather than registering an extension-owned MCP provider. That keeps the integration explicit and reviewable in the workspace.
Commands
WordPress Studio: Check Studio CLIrunsstudio --versionand reports whether the CLI is onPATH.WordPress Studio: Configure Workspace MCPmerges the bundledwordpress-studioserver, andwordpress-telemetrywhen bundled, into the open workspace's.vscode/mcp.json.WordPress Studio: Validate MCP Configrunsstudio --versionand verifies the bundled VS Code MCP config containsservers.wordpress-studio.WordPress Studio: Show MCP Configopens the bundledmcp.jsonin an untitled JSON editor.WordPress Studio: Copy MCP Configcopies the bundledmcp.jsonto the clipboard.
Included skills
auditingblock-creatordesign-previews-creatorplugin-creatorsite-creatorstudiotheme-creatorwordpress-creator