Webflow Skills — плагин
Официальный плагин Webflow: больше тридцати скиллов для CMS, аудитов сайта, Designer, код-компонентов и безопасной публикации
- 136 ★ репозитория
- Последний коммит
- MIT
Расширенный доступ
Почему такой уровень
- Через Webflow MCP-сервер агент меняет элементы CMS, страницы, пользовательский код и публикует сайт, но шаги с последствиями идут через предпросмотр и подтверждение.
Установка
- Работает в
В терминале, через SkillFoxx CLI
npx skillfoxx add plugins/webflow-skillsОпределит агенты на машине, покажет уровень доступа и зафиксирует версию.
Другие способы установки
Доступ и проверки
Как мы проверяемРасширенный доступИнструмент запускает код или ходит в сеть, а внешние данные только читает.
- Через Webflow MCP-сервер агент меняет элементы CMS, страницы, пользовательский код и публикует сайт, но шаги с последствиями идут через предпросмотр и подтверждение.
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
Плагин `webflow-skills` собирает в одном пакете готовые сценарии работы агента с сайтами Webflow. Скиллы с префиксом `webflow-mcp` идут через Webflow MCP-сервер: массовое создание и обновление элементов CMS с предпросмотром, создание коллекций с полями и связями, аудит сайта с оценкой от 0 до 100, проверка ссылок, доступности по WCAG 2.1 и ресурсов. Скилл `safe-publish` публикует сайт по схеме «план, подтверждение, публикация»: показывает изменения с прошлой публикации и спрашивает явное согласие. Другие скиллы работают в Designer: собирают страницы и компоненты, настраивают интеракции IX3, переносят макет из Figma через два MCP-сервера, применяют именование FlowKit. Для Enterprise есть скилл по правилам WAF с предпросмотром и подтверждением. Скиллы `webflow-cli` и `webflow-code-component` ведут через командную строку Webflow: развертывание в Webflow Cloud, экспорт компонентов Designer в React через DevLink, создание и деплой код-компонентов, проверка перед выкладкой и разбор сбоев. Три учебных скилла `webflow-university` проводят от первой задачи с MCP до миграции CMS.
Для кого. Веб-мастерам и студиям на Webflow, которые поручают агенту рутину в CMS и аудиты и хотят публиковать изменения только после проверки.
Подходит, если
- В коллекции блога надо одним проходом обновить сотни материалов, предварительно посмотрев результат.
- Перед сдачей проекта клиенту запускают аудит с баллами: здоровье сайта, ссылки, доступность по WCAG.
- Макет из Figma превращают в страницы Webflow через связку двух MCP-серверов.
- Публикация на боевой домен идет только после просмотра списка изменений и явного подтверждения.
- Код-компонент React переносят в Webflow и проверяют размер сборки и совместимость с Shadow DOM.
Не подходит, если
- У вас нет аккаунта Webflow и подключенного MCP-сервера: скиллам нечем работать.
- Сайт сделан на другой платформе: сценарии написаны под инструменты Webflow.
- Нужна точечная правка одного поля в CMS, которую быстрее сделать в редакторе вручную.
Пример запроса к агенту
Проведи аудит моего сайта на Webflow, покажи баллы по разделам и список битых ссылок, ничего не публикуя.Ограничения
Скиллы для сайтов, CMS, аудитов, Designer и публикации требуют установленного и авторизованного Webflow MCP-сервера, а сценариям командной строки и код-компонентов нужны Node.js и Webflow CLI. Правила WAF и настройки пропуска ботов доступны только на сайтах Enterprise. Скилл `figma-to-webflow` использует еще и Figma MCP. Плагин входит в маркетплейсы Claude Code, Cursor и Antigravity, а для остальных агентов папки скиллов копируют вручную в их каталог.
Как отключить. В Claude Code выполните `claude plugin uninstall webflow-skills`. Для ручной установки удалите папки скиллов из каталога агента, а подключение Webflow MCP-сервера отзовите в аккаунте Webflow.
Частые вопросы
Как установить Webflow Skills в Claude Code?
Выполните `claude plugin marketplace add webflow/webflow-skills`, затем `claude plugin install webflow-skills@webflow-skills`. Дальше подключите Webflow MCP-сервер и авторизуйтесь в аккаунте.
Как поставить плагин в другие агенты?
Для Cursor откройте Settings, Rules, Add Rule, Remote Rule и укажите `webflow/webflow-skills`. Универсальный путь — `npx skills add https://github.com/webflow/webflow-skills`. Папки скиллов можно скопировать в каталог агента вручную.
Публикует ли плагин сайт без спроса?
Нет, скилл `safe-publish` строит план, показывает изменения с прошлой публикации, запускает проверки и ждет явного подтверждения. Так же с предпросмотром и подтверждением устроены массовые правки CMS и правила WAF.
Какие семейства скиллов есть?
`webflow-mcp` для сайтов, CMS, аудитов и Designer, `webflow-cli` для командной строки и Webflow Cloud, `webflow-code-component` для компонентов React и `webflow-university` для обучающих заданий.
Какие аккаунты и инструменты нужны?
Аккаунт Webflow с сайтами, подключенный Webflow MCP-сервер и агент с поддержкой скиллов. Для сценариев CLI и код-компонентов еще нужны Node.js и Webflow CLI.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
ПлагиныОфициальный MCP-сервер Webflow: CMS, страницы и элементы сайта в Designer через Data API
Скиллы для дизайн-инженеров: быстрая чистка интерфейса, доступность, метаданные и производительность анимаций
45 скиллов по корпоративному UX для агентов: палитры, типографика, формы, доступность WCAG и проверка интерфейса на удобство.
Три скилла для Framer: код-компоненты и оверрайды, работа через Framer Agent и плагины, плюс сборник приемов и заметок
design-to-code — сайт из изображения дизайна
design-to-code
Скилл превращает скриншот, макет, кадр Figma или живую страницу в адаптивный сайт и сверяет результат с дизайном
Скилл дизайна интерфейсов, презентаций и графики для кодинг-агентов: черновики на холсте через CLI superdesign
Коротко о README
Страница дает команды установки для пяти хостов, перечисляет требования и порядок первой настройки. Основную часть занимают четыре таблицы скиллов с краткими описаниями и список ссылок на документацию Webflow.