К основному содержанию
affpapa.org
RU EN
скилл Claude Code CX Codex Cursor GitHub Copilot

wp-block-themes — скилл для Claude Code: что делает и как установить

Помогает создавать блочные темы WordPress, настраивать theme.json и шаблоны. Пригодится при отладке стилей и разметки в редакторе сайта.

Установить в Claude Code · Через Skills CLI (Vercel) Все способы и платформы ↓ 
npx skills add WordPress/agent-skills --skill wp-block-themes -a claude-code
Открыть на GitHub

Что делает wp-block-themes

Скилл координирует работу с блочными темами WordPress. Он находит нужный каталог темы с помощью скрипта detect_block_themes.mjs и помогает редактировать файл theme.json. Инструмент разделяет глобальные параметры интерфейса и стандартные стили блоков, а также распределяет разметку между templates/ и фрагментами parts/.

Шаблоны из каталога parts/ нельзя вкладывать в подпапки, иначе движок их проигнорирует. Важно учитывать порядок наложения стилей: пользовательские правки из базы данных перекрывают код темы, из-за чего правки в theme.json часто кажутся незамеченными. Для работы окружению нужны Node.js и bash. Скилл ориентирован на PHP 7.4.0+ и WordPress 7.0+, а ряду процедур потребуется WP-CLI.

Какие задачи решает

  • настроить палитру и типографику в theme.json
  • разобраться с переопределением стилей темы в редакторе сайта
  • собрать HTML-шаблоны и отдельные фрагменты шапки или подвала
  • зарегистрировать файловые паттерны в каталоге patterns

Примеры запросов агенту

  • Проверь theme.json и добавь новые пресеты для отступов и шрифтов
  • Выясни, почему изменения в styles/ не отображаются в редакторе сайта
  • Создай шаблон подвала в parts/footer.html для активной блочной темы

Как установить wp-block-themes

1Через Skills CLI (Vercel)

npx skills add WordPress/agent-skills --skill wp-block-themes -a claude-code

2Вручную: положить файлы

~/.claude/skills/wp-block-themes/SKILL.md

Папка скилла целиком; для одного проекта — .claude/skills/wp-block-themes/

Из того же набора8

Весь набор →
wp-plugin-development WordPress Скилл помогает разрабатывать плагины WordPress: выстраивать структуру, добавлять хуки, настраивать админку и готовить релиз. Claude Code CX Codex Cursor +1 7 900установок wp-performance WordPress Скилл помогает диагностировать и устранять проблемы с производительностью WordPress через консоль и WP-CLI без открытия браузера. Claude Code CX Codex Cursor +1 6 100установок wp-block-development WordPress Скилл для Claude Code, Codex и Cursor: агент ведёт блок Gutenberg от block.json до миграций, не ломая сохранённую разметку. Claude Code CX Codex Cursor +1 5 500установок wordpress-router WordPress Скилл определяет тип кодовой базы WordPress и направляет агента по нужным веткам разработки. Пригодится на старте задач с темами, плагинами или ядром. Claude Code CX Codex Cursor +1 5 500установок wp-wpcli-and-ops WordPress Скилл для операций с WordPress через wp: переносит домены, выгружает базу, ставит плагины, разбирается с cron. Пригодится, когда агенту нужно что-то сделать на живом сайте, а не в файлах темы. Claude Code CX Codex Cursor +1 5 400установок wp-phpstan WordPress Настраивает статический анализ PHPStan в плагинах и темах WordPress, генерирует бейзлайн и помогает типизировать хуки с REST-запросами. Claude Code CX Codex Cursor +1 4 600установок wpds WordPress Скилл подтягивает документацию WordPress Design System через MCP-сервер, чтобы агент собирал интерфейс на настоящих компонентах и токенах, а не по памяти. Claude Code CX Codex Cursor +1 4 000установок

Похожие

shopify-apps sickn33 Набор шаблонов для разработки приложений Shopify на Remix и React Router. Помогает настроить App Bridge, интерфейс на Polaris, биллинг и обработку вебхуков. Claude Code CX Codex Cursor +1 1 000установок web-typography wondelai Скилл помогает подобрать и настроить шрифты для веб-проекта: от выбора гарнитуры до оптимизации размера, интерлиньяжа и длины строк. Пригодится, когда нужна читаемая типография или поиск удачной пары шрифтов. Claude Code CX Codex Cursor +1 9 200установок libraries-dev Jakubantalik Скилл подбирает и встраивает React-компоненты визуальных эффектов Libraries.dev для интерфейсов с ИИ: от светящихся рамок до аватаров и жидкого металла. Claude Code CX Codex Cursor +1 991установок godot-ui-control gamedev-skills Скилл для Claude Code учит агента верстать HUD и меню в Godot 4.7 на Control-нодах: якоря, контейнеры, тема, фокус. Claude Code CX Codex Cursor +1 6 400установок solid vercel-labs Скилл для рендеринга JSON-spec в реактивные SolidJS компоненты. Пригодится, если собираешь каталоги UI, настраиваешь провайдеры или разбираешься с реактивностью Solid. Claude Code CX Codex Cursor +1 1 100установок redux vercel-labs Адаптер Redux для json-render: подключает слайс хранилища как источник состояния для рендерера. Пригодится, если состояние уже живёт в Redux. Claude Code CX Codex Cursor +1 1 100установок frontend-design официальный anthropics Скилл задаёт осмысленное визуальное направление для новых интерфейсов и редизайна. Подойдёт, когда стандартный шаблонный UI не устраивает. Claude Code Claude.ai 1 025 790установок design-taste-frontend Leonxlnx Скилл задаёт арт-дирекцию для публичных страниц и рабочих экранов, а затем проверяет результат в браузере по скриншотам. Нужен, когда интерфейс выглядит шаблонным или недоработанным. Claude Code CX Codex Cursor +1 673 100установок

Вопросы о wp-block-themes

Как установить wp-block-themes в Claude Code?

Выполните в терминале команду npx skills add WordPress/agent-skills --skill wp-block-themes -a claude-code.

Что делает этот скилл?

Он направляет агента при создании и настройке блочных тем WordPress. Скилл помогает структурировать theme.json, организовывать шаблоны и диагностировать проблемы со стилями.

Какие требования у wp-block-themes к окружению?

Скрипты триажа работают через Node.js и bash. Сам скилл рассчитан на работу с WordPress 7.0+ и PHP 7.4.0+, а для части сценариев потребуется установленный WP-CLI.

Смотрите также

Спонсоры проекта

Компании, которые помогают держать аналитику открытой
Золотой спонсор AI-аналитика спроса на iGaming — индекс, тренды, конкуренты
Nutra.Club Закрытое сообщество Nutra-вертикали от команды M1

Показы, клики и копирования кода — открытая статистика. Мы держим цифры публичными по той же логике, что и сам NeBlask. Стать спонсором