MCP-сервер для вайб-кодинга

Привет, на связи Антон Конвертов!

Это продолжение серии статей про vibe coding. Если вы вдруг пропустили первую статью, ознакомиться с ней можно тут. В этот раз я расскажу вам о том, что такое MCP-сервер, зачем он нужен, как его подключить и где вообще можно его найти.

Что такое MCP-сервер

MCP расшифровывается как Model Connector Protocol — это открытый стандарт, который Anthropic представила в конце 2024 года вместе с запуском Claude Code. Его цель — подружить LLM с любыми внешними сервисами (БД, API, файлы, SaaS-сервисы). Он предоставляет единый протокол, по которому ассистент может «подключать плагины» и работать с ними в режиме реального времени.

Anthropic — это американская компания в области искусственного интеллекта, основанная в 2021 году выходцами из OpenAI, включая Дарио Амодеи (бывший вице-президент по исследованиям в OpenAI) и его сестру Даниэлу Амодеи.

Изначально MCP работал только с Claude Code, но на данный момент Model Connector Protocol — это стандарт индустрии для подключения к нейронкам.

Зачем нужны MCP-серверы? Эти серверы позволяют получать любые данные и выполнять любые действия, не меняя код приложения. То есть можно просто попросить нейросеть найти нужный файл в интернете, залезть в базу, установить необходимые фреймворки, и она это сделает, если у вас есть подходящий MCP-сервер.

Как подключить MCP сервер к LLM на примере Cursor

Открываем Cursor. Далее: File → Preferences → Cursor Settings.

Затем переходим на MCP & Integrations:

В открывшемся окне жмем Аdd Custom MCP:

При нажатии на Add Custom MCP мы получаем возможность вручную поставить нужный сервер. Но также можно установить его автоматически из репозитория GitHub. Об этом чуть позже.

В открывшемся окне нужно вставить JSON-код MCP-сервера:

Давайте для примера установим MCP Playwright — это сервер для автоматизации браузера. С его помощью можно искать информацию в интернете, собирать и анализировать данные из разных источников, обращаться к документации разработчиков при необходимости и многое другое.

Переходим в репозиторий GitHub сервера и копируем JSON-код:

Вставляем в окно курсора код, перезагружаем MCP и смотрим:

Если получаем зеленый значок, значит, все прошло успешно:

Если же после перезагрузки сервера вы получите картину со скрина ниже, то чаще всего это проблема в отсутствии на компьютере Node.js:

Node.js — платформа с открытым исходным кодом для работы с языком JavaScript.

Для решения этой проблемы переходим по ссылке и устанавливаем Node.js на свою систему. Далее перезагружаем компьютер и делаем все вышеописанное заново. Если все сделано правильно, в итоге мы получаем такую картину:

Все работает корректно. Давайте проверим подключенный MCP на работоспособность.

Вводим запрос в наш Cursor:

С помощью MCP Playwright посчитай, сколько вышло статей за последние семь дней на сайте https://trafficcardinal.com/

И в итоге получаем такой результат:

MCP Playwright отлично работает — готово.

GitHub-репозитории с MCP-серверами

Ну и напоследок поделюсь с вами парочкой GitHub-репозиториев с MCP-серверами.

1. https://github.com/modelcontextprotocol/servers
   

   

2. https://github.com/punkpeye/awesome-mcp-servers
   

   

Описывать сами репозитории не буду. Там много чего интересного, оставлю это на ваши плечи.

Послесловие

Я постарался максимально сжато рассказать вам о том, что такое MCP-серверы, зачем они нужны и как их установить. Если тема вайб-кодинга окажется вам интересной, я продолжу делиться информацией на эту тему. Ну вот вроде и все.

____________________________________________________________________________

Канал в Телеге: Konvertov/Арбитраж — трафика

Сервис поиска расходников для арбитража FB — https://huntermanager.com/

Материал написан для проекта trafficcardinal.com