wpnext
github wpnext
Cover Image for Разработка сайта с использованием AI-агентов, WordPress Studio и MCP адаптера

Разработка сайта с использованием AI-агентов, WordPress Studio и MCP адаптера

6 апреля 2026

Стек WordPress Studio + MCP, позволяет подключать AI‑агентов к локальной разработке сайтов WordPress и даёт автоматизацию рутины (быстрое прототипирование, массовое создание/правка контента, генерация и тест кода тем/плагинов, запуск WP‑CLI, работа с БД и деплой) через единый управляемый интерфейс.

Сценарии применения

  1. Быстрое прототипирование сайтов — создание локального сайта с контентом и структурой за 5-10 минут вместо 2-3 часов ручной работы
  2. Массовый контент-менеджмент — генерация десятков публикаций, конвертация из Markdown, перенос изображений и SEO-оптимизация в одном потоке
  3. Разработка тем и плагинов — генерация структуры блок-тем, создание кастомных блоков, написание PHP/JS кода и тестирование через WP-CLI
  4. Дизайн-итерации с AI — подбор цветовых схем, изображений через Pexels, генерация вариантов шапки/подвала для презентации клиенту
  5. Миграция и редизайн — перенос контента со старых тем на новые, конвертация шорткодов в блоки Гутенберга, сохранение SEO-URL
  6. Аудит и оптимизация — анализ БД, поиск битых ссылок, проверка SEO-параметров, генерация отчётов с рекомендациями
  7. Деплой и синхронизация — создание preview-ссылок для клиентов, пуш на WordPress.com хостинг, миграция на продакшен с обновлением URL

Составляющие и особенности

1. WordPress Studio (Базовое приложение)

Официальное десктопное приложение от Automattic для локальной WordPress-разработки.

  • Сайт: https://developer.wordpress.com/studio/
  • Документация: https://developer.wordpress.com/docs/developer-tools/studio/
  • GitHub: (открытый исходный код)
  • Поддержка: macOS Apple Silicon (M1/M2/M3), в разработке Windows
  • Особенности:
    • Мгновенная установка WordPress локально
    • Встроенный SQLite (без необходимости в MySQL/Docker)
    • Синхронизация с WordPress.com хостингом
    • Создание preview-сайтов для клиентов
    • Бесплатно, без зависимостей

2. WordPress Studio MCP Server (MCP-сервер для интеграции)

Open-source MCP-сервер, который соединяет AI-клиенты (Claude Desktop, VS Code Copilot) с WordPress Studio

Возможности:

  • Управление сайтами (создание, удаление, список)
  • Чтение/запись файлов темы и плагинов
  • Выполнение WP-CLI команд
  • Работа с базой данных (SQLite запросы)
  • Доступ к WordPress REST API
  • Проксирование на WordPress.com endpoints

Установка:

# Клонировать репозиторий
git clone <https://github.com/nightnei/wordpress-studio-mcp-server>
cd wordpress-studio-mcp-server

# Установка зависимостей (одна команда устанавливает всё)
# Скрипт проверит наличие Node.js, Studio CLI и установит недостающее
npm install

# Или одна команда для полной установки (если ничего нет)
# (см. README в репозитории)

Настройка в Claude Desktop:

// ~/Library/Application Support/Claude/claude_desktop_config.json
{
  "mcpServers": {
    "wordpress-studio": {
      "command": "node",
      "args": ["/path/to/wordpress-studio-mcp-server/dist/index.js"],
      "env": {
        "STUDIO_SITE_ID": "your-site-id"
      }
    }
  }
}

Демо-видео от автора:

3. WordPress MCP Adapter (Адаптер для WordPress 7.0+)

Что это: Официальный плагин от WordPress AI Team, который переводит Abilities API в MCP-примитивы

Связь с WordPress 7.0:

  • Abilities API введён в WordPress 6.9, основа в 7.0
  • Позволяет регистрировать дискретные действия с input/output схемами
  • MCP Adapter делает эти abilities доступными для AI-агентов через MCP

Примеры core abilities:

Ability IDОписание
core/get-site-infoНазвание сайта, URL, тема, плагины
core/list-postsСписок публикаций
core/create-postСоздание поста

Установка:

# Через Composer
composer require wordpress/mcp-adapter

# Или скачать плагин с GitHub releases
# Активировать в WordPress Admin

Пример регистрации ability в плагине:

// functions.php или плагин
add_action('wp_abilities_api_init', function() {
    wp_register_ability('my-mcp-server/get-site-title', [
        'execute_callback' => function($input) {
            return get_bloginfo('name');
        },
        'permission_callback' => 'is_user_logged_in',
        'input_schema' => [],
        'output_schema' => ['type' => 'string']
    ]);
});

Создание MCP-сервера:

$adapter = new MCP_Adapter();
$adapter->create_server(
    'my-server',
    'my-mcp-server',
    'mcp',
    'My MCP Server',
    'Описание',
    'v1',
    ['my-mcp-server/get-site-title'] // список abilities
);

Подробный туториал: https://wsform.com/how-to-create-an-mcp-server-in-wordpress-with-the-abilities-api-and-mcp-adapter/

4. Pexels MCP Server (Для изображений)

Что это: MCP-сервер для доступа к бесплатному API Pexels (фото/видео)

Популярные реализации:

РепозиторийЯзыкОсобенности
https://github.com/ttkkasd/pexels-mcpNode.js/TSПоиск фото, фильтры (ориентация, размер, цвет)
https://github.com/CaullenOmdahl/pexels-mcp-serverNode.js/TSФото + видео + коллекции, URI-ресурсы
https://github.com/garylab/pexels-mcp-serverPythonУстановка через pip/uv, простая настройка

Установка (Node.js пример):

# Клонировать
git clone <https://github.com/ttkkasd/pexels-mcp>
cd pexels-mcp

# Установить зависимости
npm install

# Создать .env с API ключом
echo "PEXELS_API_KEY=your_key" > .env

# Собрать и запустить
npm run build
npm run dev

Получение API ключа: https://www.pexels.com/api/ (бесплатно)

Настройка в Claude Desktop:

{
  "mcpServers": {
    "pexels": {
      "command": "node",
      "args": ["/path/to/pexels-mcp/dist/index.js"],
      "env": {
        "PEXELS_API_KEY": "your_pexels_api_key"
      }
    }
  }
}

Лимиты API: 200 запросов/час, 20,000/месяц (бесплатный тариф)

5. WordPress Block Theme Developer Agent Skills

Набор skills для AI-агентов, оптимизированных для разработки блок-тем

  • Детали в документации WordPress AI Team
  • Интегрируется с MCP-стеком для улучшения block development workflow

https://github.com/Automattic/wordpress-agent-skills

📚 Дополнительные ресурсы

Официальная документация:

Статьи и обзоры:

Видео

Ещё почитать