wp-patterns — скилл для Claude Code: что делает и установка
Создаёт и обновляет паттерны блоков WordPress, проверяет их регистрацию и разметку. Пригодится для шаблонов, starter pages и Query Loop.
npx skills add WordPress/agent-skills --skill wp-patterns -a claude-codeЧто делает wp-patterns
Скилл помогает создавать и обновлять паттерны блоков WordPress: секции, starter pages, шаблоны, template parts и макеты Query Loop. Он также проверяет регистрацию паттерна, категории, видимость в inserter, доступность, i18n и экранирование. Для поведения предлагает использовать штатные блоки, а не добавлять JavaScript или произвольный HTML.
В рабочем процессе есть поиск корня проекта и темы, планирование дерева блоков, сборка PHP-файла с block markup, проверка дизайна и техническая валидация. Для локальных изображений используются get_theme_file_uri() и esc_url(), а стили задаются через атрибуты блоков и preset-значения. Проверку можно проводить в WordPress Playground, wp-env или редакторе кода WordPress.
Практический вывод: перед запуском проверьте наличие bash и node, а для отдельных сценариев — WP-CLI. Скилл ориентирован на WordPress 7.0+ и PHP 7.4.0+; при работе с темой понадобятся её корень, slug, text domain и доступные presets из theme.json.
Какие задачи решает
- создать паттерн блока для стартовой страницы
- обновить шаблон или template part
- проверить регистрацию и вложенность блоков
- настроить категории, доступность и i18n
- проверить макет Query Loop
Примеры запросов агенту
- Создай паттерн стартовой страницы для темы в этом репозитории и сначала выполни
node skills/wp-project-triage/scripts/detect_wp_project.mjs. - Обнови существующий
wp-patternsдля Query Loop, сохрани совместимость уже вставленного содержимого и проверь разметку блоков. - Проверь новый паттерн в WordPress Playground командой
npx @wp-playground/cli@latest server --auto-mountи исправь ошибки валидации блоков.
Как установить wp-patterns
1Через Skills CLI (Vercel)
npx skills add WordPress/agent-skills --skill wp-patterns -a claude-code2Вручную: положить файлы
~/.claude/skills/wp-patterns/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/wp-patterns/
1Через Skills CLI (Vercel)
npx skills add WordPress/agent-skills --skill wp-patterns -a codex2Вручную: положить файлы
.agents/skills/wp-patterns/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add WordPress/agent-skills --skill wp-patterns -a cursor2Вручную: положить файлы
.cursor/skills/wp-patterns/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install WordPress/agent-skills wp-patterns2Вручную: положить файлы
.github/skills/wp-patterns/SKILL.md1Через Skills CLI (Vercel)
npx skills add WordPress/agent-skills --skill wp-patterns -a gemini-cli2Командой платформы
gemini skills install https://github.com/WordPress/agent-skills --path skills/wp-patternsВручную: положить файлы
.devin/skills/wp-patterns/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add WordPress/agent-skills --skill wp-patterns -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Вопросы о wp-patterns
Как установить wp-patterns в Claude Code?
Выполните npx skills add WordPress/agent-skills --skill wp-patterns -a claude-code, затем повторите npx skills add WordPress/agent-skills --skill wp-patterns -a claude-code. После этого проверьте файл ~/.claude/skills/wp-patterns/SKILL.md.
Что делает wp-patterns?
Скилл помогает создавать и обновлять паттерны блоков WordPress, включая шаблоны, template parts и Query Loop. Он также проверяет регистрацию, block markup, категории, доступность и i18n/экранирование.
Что нужно подготовить для работы wp-patterns?
Нужны корень репозитория, целевая тема или плагин, их slug и text domain, тип паттерна и данные для проверки. Среда агента рассчитана на bash и node; отдельным процессам может понадобиться WP-CLI.
