# WordPress Block Development

Build and debug Gutenberg blocks using WordPress conventions\.

Canonical: https://claudelist.com/listings/skill-wordpress-agent-skills-wp-block-development

Category: Skills

Source: vendor · WordPress

Source checked: 2026-10-14

Website: https://github.com/WordPress/agent-skills/tree/trunk/skills/wp-block-development

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.

## Install or set up

1. Review this skill’s `SKILL.md` and any prerequisites at the source.
2. From the project where you use Claude Code, run the command below. It installs only this skill into project scope; add `-g` for your personal scope.
3. Restart Claude Code and invoke `/wp-block-development` or ask Claude to use the skill. If it does not appear, check `.claude/skills/` and the source’s setup notes.

```sh
npx skills add https://github.com/WordPress/agent-skills/tree/trunk/skills/wp-block-development --agent claude-code
```

Installation guide: https://github.com/WordPress/agent-skills/tree/trunk/skills/wp-block-development