mcp

mcp

webflowMIT
132 звёзд32 форков
Webflow MCP Server — это реализация Model Context Protocol (MCP) для платформы Webflow. Он позволяет AI-ассистентам, работающим через MCP-клиенты (Cursor, Claude Desktop), напрямую взаимодействовать с вашими сайтами Webflow: читать и изменять контент, управлять дизайном элементов, работать с CMS-коллекциями и оптимизировать SEO. Сервер использует официальный Webflow JavaScript SDK и OAuth-авторизацию, поэтому вам не нужно вводить API-ключи вручную. Достаточно один раз авторизовать доступ — и AI-агент сможет выполнять любые операции от вашего имени.
DesignAi-ml
Открыть на GitHub

Характеристики

Общее

  • СтатусСообщество
  • Разработчикwebflow
  • ЛицензияMIT

Технологии

  • Языки
    TypeScript
  • Транспорт
    streamable-http

Описание

Возможности

  • Читать список сайтов и получать полную информацию о каждом: структура страниц, коллекции, стили.
  • Управлять CMS-контентом: создавать, редактировать и удалять записи в коллекциях.
  • Создавать и изменять элементы дизайна на страницах: секции, блоки, кнопки, формы.
  • Анализировать существующий контент: находить устаревшие статьи, группировать темы, проверять внутренние ссылки.
  • Предлагать темы для новых публикаций на основе анализа последних записей и SEO-тенденций.
  • Добавлять внутренние ссылки между постами для улучшения навигации и ранжирования.
  • Оптимизировать мета-теги: заголовки, описания, alt-тексты изображений.
  • Публиковать изменения на сайте напрямую из AI-чата.
  • Синхронизировать дизайн в реальном времени через Webflow MCP Bridge App.
  • Открывать страницы в Webflow Designer по запросу AI-агента.

Как подключить

Подключение к Webflow MCP Server выполняется через удалённый эндпоинт. Сервер хостится на стороне Webflow, поэтому устанавливать и запускать его локально не нужно.

  1. Убедитесь, что на вашем компьютере установлен Node.js версии 22.3.0 или выше — это требуется для приложения-компаньона, синхронизирующего дизайн.
  2. Откройте настройки вашего MCP-клиента:
    • Cursor: Settings → Cursor Settings → MCP & Integrations → +New MCP Server.
    • Claude Desktop: отредактируйте файл claude_desktop_config.json.
  3. Добавьте следующую конфигурацию в список MCP-серверов:
{ "mcpServers": { "webflow": { "url": "https://mcp.webflow.com/sse" } } }
  1. Сохраните файл — клиент автоматически откроет страницу OAuth-авторизации Webflow. Подтвердите доступ к нужным сайтам.
  2. Чтобы изменения дизайна применялись в реальном времени, откройте ваш сайт в Webflow Designer и запустите приложение «Webflow MCP Bridge App» (панель Apps, клавиша E). Дождитесь подключения к MCP-серверу.
  3. Готово. Теперь AI-ассистент может управлять вашим сайтом Webflow.

Примеры запросов

  • «Проанализируй мои последние 5 постов в блоге и предложи 3 новые темы с SEO-ключами для целевой аудитории.»
  • «Найди старые статьи, где упоминается "веб-дизайн", и добавь в них внутренние ссылки на мою последнюю публикацию о современных трендах.»
  • «Создай Hero-секцию на главной странице с заголовком, подзаголовком, CTA-кнопкой и адаптивной вёрсткой для мобильных устройств.»
  • «Обнови мета-описания всех страниц в категории "Услуги": добавь ключевые слова "разработка сайтов" и "SEO-продвижение".»

Технические детали

  • Язык разработки: TypeScript
  • Транспортный протокол: SSE (Server-Sent Events) через HTTP
  • Лицензия: MIT
  • Совместимые клиенты: Cursor, Claude Desktop и другие MCP-клиенты с поддержкой SSE.

Поделиться