MCP-серверы для Claude Code: 5 команд до готового сайта

Что сделать прямо сейчас: пять команд, 5 минут

Открой окно для ввода команд в папке своего проекта и вставь первую строку из пяти: она подключает Context7, свежую документацию вместо памяти модели.

claude mcp add --transport http context7 https://mcp.context7.com/mcp

Claude Code отвечает одной строкой: дополнение добавлено. Вот что делать, если на этом шаге ты уже застрял. Окно для ввода команд называется «Терминал» на Mac и «PowerShell» на Windows. Зайти в папку проекта - команда cd, пробел и перетащенная в окно мышкой папка, путь подставится сам:

cd ~/Projects/moy-sayt

После Enter в начале строки появится имя папки, значит ты внутри. Если Claude Code ещё не стоит, сначала пройди установку с нуля, это отдельный короткий шаг.

Вторая строка открывает модели настоящий браузер Chrome. Ей нужны установленный Chrome и Node версии 22 или выше: проверь node -v, исправный ответ выглядит как v25.9.0. Ответ «команда не найдена» или число меньше 22 значит одно: зайди на nodejs.org, скачай версию с пометкой LTS и поставь обычным установщиком. Вставляй:

claude mcp add chrome-devtools -- npx -y chrome-devtools-mcp@latest

Третья приносит ошибки с живого сайта, вставь и её:

claude mcp add --transport http sentry https://mcp.sentry.dev/mcp

Четвёртая даёт доступ к базе данных:

claude mcp add --transport http supabase https://mcp.supabase.com/mcp

Пятая выкладывает сайт в интернет:

claude mcp add --transport http vercel https://mcp.vercel.com

Теперь введи команду проверки, и ты увидишь список из пяти строк с отметками:

claude mcp list

Дальше запусти claude, набери внутри /mcp и войди в три аккаунта, которые этого попросят. Всё, на этом установка закончена. Ниже разбираю, что делает каждое дополнение, что показал мой замер по времени и где первый запуск спотыкается.

Что делает каждое из пяти

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

Список из пяти закрывает путь сборки сайта, а более широкий обзор доступных серверов лежит здесь. Порядок в этом списке не случайный, он повторяет путь одной задачи. Модель читает свежую документацию, пишет код, открывает страницу в браузере и проверяет, что кнопка нажимается, лезет в базу за данными, выкладывает результат в интернет и там же смотрит, не сломалось ли что-то у людей.

Перед первым запуском каждое из пяти просит своё, и список короткий:

Три дополнения из пяти привязаны к аккаунтам: Sentry, Supabase и Vercel. Если аккаунтов пока нет, ставь всё равно. Установка от этого не ломается: дополнение просто помечается как ждущее входа, а зарегистрируешься ты в любой момент потом.

Context7: модель перестаёт врать про библиотеки

Самая частая жалоба на Claude Code звучит так: «пишет по версии двухлетней давности, а в новой всё переименовали». Лечение одно: Context7 держит свежие версии документации и отдаёт их модели прямо в момент задачи. Регистрации не просит, у меня подключился быстрее всех четырёх остальных.

Вставь строку в то же окно ввода:

claude mcp add --transport http context7 https://mcp.context7.com/mcp

Ты увидишь одну строку ответа: дополнение добавлено, рядом его адрес. Всё, дополнение готово.

Пользоваться им нужно словами. В обычной просьбе к модели добавь «возьми актуальную документацию», и дальше она сама сходит в Context7 за свежей страницей вместо того, чтобы вспоминать. Формулировка звучит, например, так: «сделай форму обратной связи на последней версии Next.js, возьми актуальную документацию».

Так же словами задаются и остальные привычки модели, разбор её команд и флагов запуска есть отдельно. Эффект заметен на любой библиотеке, которая часто обновляется: всё вокруг приёма платежей и входа по паролю. На стабильных вещах вроде обычных стилей разница не видна, и это нормально.

Chrome DevTools: модель сама проверяет свои кнопки

Chrome DevTools я считаю самым полезным дополнением из пяти, и вот почему: оно снимает самый долгий круг в работе над сайтом. Обычно проверка выглядит так: модель написала страницу, ты открыл её в браузере, потыкал, нашёл неработающую кнопку, вернулся и рассказал. Круг повторяется до посинения.

Chrome DevTools отдаёт модели настоящий браузер, и на этом строится сборка сайта нейросетью без ручной проверки каждой кнопки. Она открывает страницу сама, кликает по элементам, читает сообщения об ошибках и видит, какой запрос ушёл и что вернулось. После этого просьба звучит по-другому: «открой страницу, нажми кнопку отправки и почини то, что упадёт».

Скопируй строку и запусти установку:

claude mcp add chrome-devtools -- npx -y chrome-devtools-mcp@latest

Здесь две вещи, которые надо знать заранее. Первая: Chrome и Node 22 из быстрого блока выше должны стоять до установки, а после свежей установки Node окно ввода команд надо закрыть и открыть заново, иначе node -v покажет старое число. Вторая: первый запуск скачивает пакет, и на это уходит время.

У меня этот пакет на первой проверке не успел скачаться, и проверка через 30 секунд перестала его ждать. Лечится одной строкой, которая скачивает пакет заранее, введи её и подожди:

npx -y chrome-devtools-mcp@latest --version

Ты увидишь номер версии, у меня это заняло 9 секунд и показало 1.9.0. После этого дополнение подключилось с первой попытки.

Sentry: ошибки приходят сами, без твоего участия

Sentry закрывает слепое пятно, которое появляется ровно в момент выкладки сайта в интернет: пока проект лежит на твоём компьютере, ошибки видны прямо в окне ввода, особенно если ты держишь автоматический режим и не смотришь за каждым шагом. Как только он выложен, картина меняется: у посетителя что-то падает, он молча уходит, ты об этом не узнаёшь никогда.

Sentry ловит такие падения на живом сайте и складывает их с подробностями: какая строка, какой браузер, что человек делал перед этим. Дополнение приносит этот список прямо модели.

Скопируй и вставь одну строку:

claude mcp add --transport http sentry https://mcp.sentry.dev/mcp

После установки проверка покажет отметку «нужен вход». Это не ошибка, а нормальное поведение: сервер связан с твоим аккаунтом. Запусти claude, набери внутри /mcp, выбери в списке строчку sentry и подтверди вход. Откроется браузер, ты разрешишь доступ, окно закроется само.

Дальше работает так. Ты просишь: «посмотри последние ошибки за сутки и почини самую частую». Модель забирает список, читает текст падения вместе со строкой кода, где оно случилось, и правит. Тебе остаётся посмотреть на правку и согласиться.

Supabase: база данных, в которую модель ходит сама

Supabase нужен в тот момент, когда на сайте появляется форма, личный кабинет или заказы: всё это упирается в базу данных. Дальше начинается ручной труд: посмотреть, как называется таблица, какие у неё поля, что там лежит на самом деле.

Supabase даёт модели доступ к базе проекта напрямую. Она читает названия таблиц и сами записи, видит, что там лежит на самом деле, и пишет запросы по факту, а не по догадке.

Вот что модель видит вместо тебя: слева список таблиц проекта, справа сами строки со значениями. Раньше эти названия и поля ты переписывал ей руками, теперь она читает их сама. Сверху видна подсказка про Row Level Security - это слой прав, который и решает, до каких строк модель вообще дотянется.

Скопируй строку и вставь её так же, как предыдущие:

claude mcp add --transport http supabase https://mcp.supabase.com/mcp

У этого дополнения есть две настройки, которые стоит поставить сразу. Можно ограничить доступ одним проектом и запретить менять данные. Тогда строка выглядит так, а вместо abc123 подставь номер своего проекта из панели Supabase, и после запуска ты увидишь тот же ответ про добавленное дополнение:

claude mcp add --transport http supabase "https://mcp.supabase.com/mcp?project_ref=abc123&read_only=true"

Что дают эти два хвоста. project_ref привязывает дополнение к одному проекту, и модель не увидит остальные. read_only=true разрешает только чтение: модель посмотрит данные, но не сотрёт их случайной командой.

Ставь эти два хвоста по умолчанию, это та же логика, что и в остальной настройке Claude Code: сначала узкий доступ, потом расширение. Снимешь их позже, когда работа реально потребует записи, и будешь делать это осознанно.

Вход в аккаунт идёт тем же путём: /mcp внутри Claude Code, выбрать supabase, подтвердить.

Vercel: сайт уезжает в интернет без тебя

Vercel закрывает последний шаг, который обычно и раздражает сильнее всего: выкладку готового сайта в интернет. Код написан, локально всё работает, дальше надо выложить, дождаться сборки, увидеть красную ошибку и разбираться, из-за чего она упала.

Vercel закрывает этот кусок. Модель выкладывает сайт, читает отчёт о сборке, находит причину падения и чинит. Плюс отдаёт цифры посещаемости, если они тебе нужны.

Вот так это выглядит со стороны: верхняя строка ещё собирается, счётчик тикает тринадцатую секунду, а прошлая выкладка уже готова за 37 секунд и помечена как текущая боевая. Именно этот экран модель читает вместо тебя, когда сборка падает.

Скопируй последнюю строку и вставь:

claude mcp add --transport http vercel https://mcp.vercel.com

Дополнение тоже попросит вход через /mcp. Разрешения, которые ты выдаёшь, стоит прочитать: доступ получает та же учётная запись, под которой ты сам работаешь с проектами.

Отдельно про безопасность, это не формальность. Адрес должен быть ровно https://mcp.vercel.com. В каталогах дополнений встречаются копии с похожими адресами, и вход в такую копию отдаёт чужим людям доступ к твоему аккаунту. Сверяй адрес по официальной документации, а не по первой ссылке в поиске.

Как проверить, что всё встало

Проверка одна на все пять: команда claude mcp list печатает список подключённых дополнений с их состоянием. Введи её в то же окно, где ставил:

claude mcp list

Ты увидишь список, где напротив каждого дополнения стоит его состояние. Вот что показал мой собственный прогон 20 сентября 2026 года, дословно из ответа программы:

Три отметки «нужен вход» закрываются за один заход: запусти claude, набери /mcp, пройди по трём дополнениям по очереди. После входа повторная проверка покажет пять галочек.

Дальше проверка на живой задаче. Попроси модель: «открой мой сайт в браузере, нажми кнопку отправки формы и расскажи, что ушло на сервер». Если дополнения подключены, она откроет Chrome сама. Если нет, она честно скажет, что браузера у неё нет.

Что у меня пошло не так: два места

Замер 20.09.2026, пустая папка на Mac: от первой команды в 23:45:13 до пяти подключённых дополнений в 23:50:16 прошло 5 минут 03 секунды. Прогрев пакета chrome-devtools-mcp занял 9 секунд и показал версию 1.9.0. На первом запуске проверка перестала ждать это дополнение через 30 секунд.

Замер делался в пустой папке на Mac, Node версии 25.9.0, Chrome на месте. От первой команды до пяти подключённых серверов прошло 5 минут 03 секунды, из них сами команды заняли 8 секунд. Остальное время съели две заминки, обе решаются в одну строку.

Первая: дополнение встало в ожидание подтверждения. Я поставил первые два дополнения командой с добавкой --scope project. Проверка показала не подключение, а «ждёт подтверждения». Причина простая и правильная: такая установка пишется в файл проекта, который может прийти к тебе вместе с чужим кодом, поэтому Claude Code спрашивает разрешение при запуске. Лечится двумя способами: запустить `claude` и подтвердить вопрос на экране, либо ставить без этой добавки, как в командах выше. Тогда настройка остаётся только у тебя на компьютере и вопроса не возникает.

Вторая: Chrome DevTools не уложился в 30 секунд. Это единственное дополнение из пяти, которое не живёт в интернете, а запускается прямо у тебя на компьютере. На первом запуске он ещё качается, и проверка перестаёт его ждать раньше, чем он доедет. Прогрев командой npx -y chrome-devtools-mcp@latest --version занял 9 секунд, после него всё подключилось сразу.

Ни одна из двух заминок не требует правки файлов настроек руками. Если тебе кто-то советует лезть в файл настроек на первой установке, это лишний шаг.

Источники

• Документация Claude Code по подключению MCP, раздел про команду claude mcp add
• Официальная страница проекта ChromeDevTools/chrome-devtools-mcp на GitHub: требования Node 22 и выше, стабильный Chrome
• Документация Supabase, раздел MCP: адрес https://mcp.supabase.com/mcp, параметры project_ref, read_only, features
• Документация Vercel, раздел Vercel MCP: адрес https://mcp.vercel.com, список поддерживаемых клиентов, предупреждение о поддельных адресах
• Документация Sentry MCP: адрес https://mcp.sentry.dev/mcp и вход через OAuth
• Собственный прогон установки пяти дополнений 20 сентября 2026 года, macOS, Node v25.9.0

Памятка: что держать в голове при первой установке

Пять команд ставятся один раз и дальше работают в каждом новом проекте, потому что настройка лежит у тебя на компьютере, а не в папке проекта

Частые вопросы