Divi5 Toolkit — плагин
Плагин для Claude Code по Divi 5: 10 команд и 3 скилла, селекторы, CSS, заготовки секций, аудит проекта и доступность
- 69 ★ репозитория
- Последний коммит
Расширенный доступ
Почему такой уровень
- Плагин читает файлы темы WordPress и пишет конфиг в `.claude/`
- Команда `research` обращается к внешним источникам, а команда `responsive` управляет браузером через MCP
Установка
- Работает в
В терминале, через SkillFoxx CLI
npx skillfoxx add plugins/divi5-toolkitОпределит агенты на машине, покажет уровень доступа и зафиксирует версию.
Другие способы установки
Доступ и проверки
Как мы проверяемРасширенный доступИнструмент запускает код или ходит в сеть, а внешние данные только читает.
- Плагин читает файлы темы WordPress и пишет конфиг в `.claude/`
- Команда `research` обращается к внешним источникам, а команда `responsive` управляет браузером через MCP
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
Плагин ориентирован на Divi 5.13 и выше и работает там, где идет остальная работа: в CSS-файлах, дочерней теме, терминале и CI. Команда `/divi5-toolkit:setup` определяет установленную версию Divi, дочернюю тему и префикс классов и пишет конфиг в `.claude/divi5-toolkit.local.md`. Команда `selector` по названию модуля, например `blurb title`, выдает обертку, внутренние селекторы и готовое переопределение. Команда `generate` создает CSS в четырех форматах: параметры темы, кодовый модуль, дочерняя тема и Free-Form CSS. Еще есть `scaffold` для готовых секций (герой, тарифы, FAQ), `validate` для проверки специфичности и `!important`, `audit` с оценкой здоровья CSS проекта, `responsive` для проверки на девяти размерах экрана, `convert` для переноса приемов из Divi 4 и `diagnose` для разбора симптомов. Команда `research` обновляет базу знаний плагина из источников Divi. Три скилла хранят справочники по совместимости, CSS-паттернам и производительности.
Для кого. Фрилансерам и студиям, которые делают сайты на WordPress с Divi 5 и пишут CSS и дочернюю тему вместе с Claude Code.
Подходит, если
- Нужен селектор внутреннего элемента модуля Divi и готовое переопределение стилей
- Кнопка не берет стили из-за специфичности, и надо понять, где теряется приоритет
- Секция с героем, тарифами или FAQ собирается с адаптивностью и доступностью с нуля
- Перед сдачей проект проверяется по Core Web Vitals и WCAG 2.1 AA
- Сайт переезжает с Divi 4 на Divi 5, и стили надо перенести
Не подходит, если
- Сайт работает на Divi 4 или другой теме: плагин рассчитан на Divi 5
- Нужно править настройки внутри Visual Builder, где работают встроенные агенты Divi
- Задача касается плагинов и серверной части WordPress, CSS в ней нет
Пример запроса к агенту
Сгенерируй CSS основной кнопки Divi 5 с золотым цветом при наведении и покажи, куда его вставитьОграничения
Плагин рассчитан на Divi 5.13 и новее, на более ранних версиях селекторы и модули могут отличаться. Команда `responsive` проверяет страницу на живом экране только при подключенном браузерном MCP-сервере, без него остается статический разбор CSS. Команда `research` загружает данные из внешних источников по запросу, автор советует запускать ее раз в неделю. Скиллы и команды советуют правки в CSS, применять их к рабочему сайту нужно после проверки на копии. Последний коммит сделан в сентябре 2026 года.
Как отключить. Выполните `/plugin uninstall divi5-toolkit` или удалите папку плагина. Файл `.claude/divi5-toolkit.local.md` в проекте удаляется вручную.
Частые вопросы
Как начать работу с Divi5 Toolkit?
Установите плагин и выполните `/divi5-toolkit:setup` из корня проекта. Команда найдет версию Divi, дочернюю тему и префикс классов, задаст не больше трех вопросов и сохранит конфиг.
Какие команды есть в плагине?
Десять команд: `setup`, `selector`, `generate`, `scaffold`, `validate`, `audit`, `responsive`, `convert`, `diagnose` и `research`.
В чем отличие от встроенных агентов Divi?
Встроенные агенты Divi 5.12 и новее работают только в Visual Builder. Плагин дает Claude Code знания Divi там, где вы правите CSS, дочернюю тему и конвейер.
Умеет ли плагин проверять доступность?
Да, он проверяет WCAG 2.1 AA: индикаторы фокуса, контраст цвета, уменьшение анимации и размеры областей касания.
Помогает ли он при переходе с Divi 4?
Да, команда `convert` переносит приемы CSS из Divi 4 на Divi 5, а в базе знаний описаны изменения селекторов и модулей.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
ПлагиныПлагин Claude Code с 11 командами собирает блочную тему WordPress из статичной верстки и переводит классические темы в FSE.
145 плагинов-скиллов для Claude Code и Codex: Cloudflare, React, Tailwind, Nuxt, API, безопасность, тесты, ставятся по одному
Скилл правит интерфейс в живом коде без лишних зависимостей: компоненты, секции, страницы и RTL с арабским под ваш стек
Плагин Claude Code с веб-гайдами агентства Alsacréations: HTML, CSS, доступность, WordPress и собственные CSS-инструменты.
CLI, который вытаскивает дизайн-систему любого сайта в токены: цвета, шрифты, отступы, тени за один запуск
HTML-дизайн для Claude Code и Codex: презентации, лендинги, прототипы, анимации и дизайн-системы. Нужны Playwright и ffmpeg
Коротко о README
README перечисляет возможности плагина и объясняет, зачем он нужен рядом со встроенными агентами Divi. Затем идет быстрый старт с командой `setup`, примеры вызова и ссылки на сценарии работы: полная страница, перенос с Divi 4 и аудит проекта.