build-with-wordpress — Claude Code plugin
Describe a site in plain English, pick one of three design directions, and get a complete WordPress block theme running on a local Studio site.
/plugin install build-with-wordpress@claude-plugins-official
/plugin marketplace add anthropics/claude-plugins-community
/plugin install build-with-wordpress@claude-community
/plugin marketplace add anthropics/claude-plugins-officialWhat build-with-wordpress does
The plugin writes the parts you would otherwise build by hand: theme.json, block markup, template parts, responsive layouts. Two workflows cover different levels of control. /wordpress.com:quick-build runs a single session — site spec, design choice, build, activation. /wordpress.com:design-site inserts review stages first: style tiles for palette and type, page layout options, full mockups, and a gallery at /?design-gallery that refreshes as files appear. There is also /wordpress.com:preview-designs, which produces three aesthetic directions without a full build.
Skills live in skills/; reference docs in references/ get pulled in by subagents at runtime. A bundled validator checks the block markup once the theme is generated, then the theme is activated and you get the local URL.
Start Claude from the folder holding your Studio sites, ~/Studio for example, because the plugin checks the working directory on first run. You need WordPress Studio itself with the CLI switched on so the studio command resolves. Node.js 18+ is required by the validator — skip it and the block-fixing step fails. Usage counters are collected unless you export WP_SITE_CREATOR_NO_TELEMETRY=1 before launching.
What it helps with
- turn a written site description into a working theme
- compare three design directions before committing
- deploy a block theme to a local Studio site
- rebuild a design from an existing site URL
- validate block markup before activating a theme
Example prompts for the agent
- /wordpress.com:quick-build A landing page for a pottery studio called Clay & Fire
- /wordpress.com:preview-designs Coffee shop site with menu and map
- /wordpress.com:design-site Website for an interior design studio
How to install build-with-wordpress
Plugin marketplace
/plugin install build-with-wordpress@claude-plugins-official/plugin marketplace add anthropics/claude-plugins-community/plugin install build-with-wordpress@claude-community/plugin marketplace add anthropics/claude-plugins-officialStep by step, with commands for each platform: Claude Code plugins: marketplaces, installing, and building your own
Questions about build-with-wordpress
How do I install build-with-wordpress in Claude Code?
Add the marketplace with /plugin marketplace add anthropics/claude-plugins-community, then run /plugin install build-with-wordpress@claude-community. Start Claude from your Studio sites folder with claude --plugin-dir /path/to/claude-code-wordpress.com.
What does build-with-wordpress do?
It builds a WordPress block theme from a plain-language description, validates the block markup, and deploys the result to a local Studio site. From there the theme can go to WordPress.com or Pressable.
How is /quick-build different from /design-site?
/wordpress.com:quick-build is one continuous pass: describe, choose a design, get the theme. /wordpress.com:design-site pauses at style tiles, page layouts and full mockups before any theme code is written.
