wp-block-development — скилл для Claude Code: блоки Gutenberg
Скилл для Claude Code, Codex и Cursor: агент ведёт блок Gutenberg от block.json до миграций, не ломая сохранённую разметку.
npx skills add WordPress/agent-skills --skill wp-block-development -a claude-codeЧто делает wp-block-development
Скилл ведёт агента по работе с блоками Gutenberg: метаданные в block.json, регистрация через register_block_type с метаданными, атрибуты и их сериализация, supports, динамический рендер через render.php или render_callback, депрекейшены и разница между viewScript и viewScriptModule. На старте запускаются два скрипта: node skills/wp-block-development/scripts/list_blocks.mjs перечисляет блоки в репозитории, node skills/wp-project-triage/scripts/detect_wp_project.mjs определяет тип проекта.
Дальше идут шаги: создать блок через @wordpress/create-block, поднять его до apiVersion 3, выбрать статическую или динамическую модель, обновить block.json, зарегистрировать блок на сервере через PHP. Под каждый шаг в скилле лежит справочник в references/: атрибуты и сериализация, обёртки и supports, inner blocks, депрекейшены, инструменты, отладка.
Сборка опирается на то, что уже есть в репозитории: @wordpress/scripts и wp-env. Агенту нужны bash и node, а часть сценариев без WP-CLI не отработает. Сам скилл метит в WordPress 7.0+ и PHP 7.4.0+. Если репозиторий окажется полным сайтом с wp-content/, сразу назовите плагин или тему с нужным block.json: иначе правки уйдут не в тот блок.
Какие задачи решает
- собрать новый блок через
@wordpress/create-block, а не вручную - перевести блок на apiVersion 3 до того, как редактор уедет в iframe
- починить атрибуты, которые перестали сохраняться после правки
block.json - добавить серверный рендер через
render.phpилиrender_callback - описать
deprecated-версию, чтобы старые записи не выдавали «Invalid block»
Примеры запросов агенту
- Найди все блоки в репозитории и покажи, где лежит `block.json` для блока `my-plugin/hero`.
- Добавь блоку `my-plugin/hero` динамический рендер через `render.php`.
- После смены разметки блок выдаёт «Invalid block» — добавь миграцию и `deprecated`.
Как установить wp-block-development
1Через Skills CLI (Vercel)
npx skills add WordPress/agent-skills --skill wp-block-development -a claude-code2Вручную: положить файлы
~/.claude/skills/wp-block-development/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/wp-block-development/
1Через Skills CLI (Vercel)
npx skills add WordPress/agent-skills --skill wp-block-development -a codex2Вручную: положить файлы
.agents/skills/wp-block-development/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add WordPress/agent-skills --skill wp-block-development -a cursor2Вручную: положить файлы
.cursor/skills/wp-block-development/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install WordPress/agent-skills wp-block-development2Вручную: положить файлы
.github/skills/wp-block-development/SKILL.md1Через Skills CLI (Vercel)
npx skills add WordPress/agent-skills --skill wp-block-development -a gemini-cli2Командой платформы
gemini skills install https://github.com/WordPress/agent-skills --path skills/wp-block-developmentВручную: положить файлы
.devin/skills/wp-block-development/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add WordPress/agent-skills --skill wp-block-development -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
Из того же набора8
Весь набор →Похожие
Вопросы о wp-block-development
Как установить wp-block-development в Claude Code?
Выполните npx skills add WordPress/agent-skills --skill wp-block-development -a claude-code. Скилл окажется в ~/.claude/skills/wp-block-development/SKILL.md.
Что делает wp-block-development?
Проводит агента по шагам разработки блока Gutenberg: метаданные, регистрация, атрибуты, рендер, миграции. Сверяться с канонической документацией он тоже умеет, но опирается на справочники внутри скилла.
Что нужно, чтобы скилл заработал?
Bash и node в окружении, для части сценариев ещё WP-CLI. Целевые версии в описании скилла: WordPress 7.0+ и PHP 7.4.0+.
