К основному содержанию
плагин

build-with-wordpress — плагин для Claude Code

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

Установить в Claude Code · Через маркетплейс плагинов Все способы и платформы ↓
/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-official
Открыть на GitHub

Что делает build-with-wordpress

Плагин берёт на себя то, что обычно приходится собирать руками: theme.json, блоки, части шаблонов, адаптивные раскладки. Сценариев два. /wordpress.com:quick-build проводит за один проход — спецификация сайта, выбор дизайна, сборка и активация темы. /wordpress.com:design-site добавляет промежуточные этапы: стилевые плитки с палитрой и типографикой, варианты раскладки страниц, полные макеты и галерея на /?design-gallery, которая обновляется по ходу работы. Отдельная команда /wordpress.com:preview-designs генерирует три направления дизайна без полной сборки.

Внутри — определения скиллов в skills/ и справочные документы в references/, которые субагенты подгружают по ходу. После генерации темы встроенный валидатор разметки блоков проверяет код, а затем тема активируется и вы получаете адрес локального сайта.

Запускать Claude нужно из папки, где лежат сайты Studio, например ~/Studio: плагин проверяет это при первом запуске. Ещё нужен сам WordPress Studio с включённым CLI, чтобы работала команда studio, и Node.js 18+ для валидатора. Без Node.js этап проверки блоков не пройдёт. Плагин собирает статистику использования, но её можно отключить переменной WP_SITE_CREATOR_NO_TELEMETRY=1.

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

  • собрать тему WordPress из текстового описания сайта
  • выбрать направление дизайна из трёх готовых вариантов
  • развернуть блочную тему на локальном сайте Studio
  • переделать существующий сайт по ссылке на него
  • проверить разметку блоков перед активацией темы

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

  • /wordpress.com:quick-build Лендинг для гончарной мастерской «Глина и огонь»
  • /wordpress.com:preview-designs Сайт кофейни с меню и картой
  • /wordpress.com:design-site Корпоративный сайт студии дизайна интерьеров

Как установить build-with-wordpress

Через маркетплейс плагинов

/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-official

По шагам, с командами для каждой платформы: Плагины Claude Code: маркетплейсы, установка и как собрать свой

Вопросы о build-with-wordpress

Как установить build-with-wordpress в Claude Code?

Добавьте маркетплейс командой /plugin marketplace add anthropics/claude-plugins-community, затем поставьте плагин: /plugin install build-with-wordpress@claude-community. После этого запускайте Claude из папки сайтов Studio с флагом claude --plugin-dir /path/to/claude-code-wordpress.com.

Что делает build-with-wordpress?

Генерирует блочную тему WordPress по описанию на обычном языке, проверяет разметку блоков и разворачивает её на локальном сайте Studio. Дальше тему можно перенести на WordPress.com или Pressable.

Чем /quick-build отличается от /design-site?

/wordpress.com:quick-build — один проход: описание, выбор дизайна, готовая тема. /wordpress.com:design-site разбивает работу на этапы со стилевыми плитками, раскладками страниц и полными макетами до того, как появится код темы.

Похожие плагины

Все плагины по теме «Фронтенд и UI» →
impeccable pbakaus Даёт агенту словарь дизайнера: 24 команды вроде polish, audit и bolder, чтобы правки интерфейса не сводились к «сделай красиво». ★ 88 212звёзд репо hyperframes HeyGen Собирает MP4-видео из вёрстки на HTML и CSS прямо через диалог с агентом. Пригодится для создания субтитров и анимированных роликов. ★ 72 481звёзд репо typescript-lsp официальный Anthropic Подключает языковой сервер для TypeScript и JavaScript к Claude Code. Помогает переходить к определениям, искать ссылки и проверять ошибки прямо при редактировании кода. ★ 44 635звёзд репо playground официальный Anthropic Собирает одностраничный HTML с ползунками, живым превью и готовым промптом, который можно скопировать обратно в Claude. ★ 44 635звёзд репо frontend-design официальный Anthropic Скилл для Claude, который ведёт фронтенд-работу к выразительной типографике, палитре и анимации вместо типовых ИИ-макетов. ★ 44 635звёзд репо fakechat официальный anthropics Локальный веб-чат для проверки уведомлений канала Claude Code. Сообщения идут в сессию, ответы возвращаются в браузер. ★ 44 635звёзд репо

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

Компании, которые помогают держать аналитику открытой