Представляем MDN MCP-сервер

Эта статья — перевод оригинальной статьи «Introducing the MDN MCP server».

Самые полезные MCP и скиллы для фронтенд разработки можешь найти в этом посте.

Вступление

Мы рады объявить о релизе MDN MCP-сервера. MCP (Model Context Protocol) — это открытый стандарт, который позволяет ИИ-инструментам подключаться к внешним источникам данных. MDN MCP-сервер использует этот протокол, чтобы доставлять документацию MDN и данные о совместимости браузеров прямо в твой редактор кода или IDE.

Зачем мы создали MDN MCP

Все больше ИИ-инструментов внедряются в рабочие процессы веб-разработки. Однако они часто выдают устаревшую информацию о веб-платформе из-за ограничений в их обучающих данных (knowledge cutoff).

Например, большая языковая модель (LLM) или ИИ-агент могут банально не знать о существовании CSS-правила @view-transition или о том, получила ли фича статус «Widely Available» (широко доступна) в Baseline, чтобы её можно было безопасно использовать в продакшене.

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

Важно: На данный момент сервер работает в экспериментальном режиме. Подробности об обработке данных можно найти в нашем соглашении о конфиденциальности.

Как использовать MDN MCP

MDN MCP-сервер совместим с любым клиентом, поддерживающим стандарт MCP, включая:

• Редакторы кода: VS Code, Zed и Cursor.

• Консольные ИИ-агенты (CLI): Claude Code, Codex CLI и Antigravity CLI (бывший Gemini CLI).

• Чат-приложения: Claude Desktop.

В качестве быстрого примера — вот так можно подключить сервер к Claude Code:

claude mcp add --transport http mdn https://mcp.mdn.mozilla.net/

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

В чем реальная разница?

Учитывая недетерминированную природу LLM и разнообразие моделей, часто бывает трудно сравнить их поведение с включенными инструментами и без них.

Мы протестировали Claude Code (Opus 4.7) с включенным и выключенным MDN MCP на нескольких фичах, которые совсем недавно появились в Firefox 151. Мы спрашивали модель, как использовать эти фичи и какова их поддержка в браузерах. Вопросы были следующие:

1. Как использовать CSS-функцию light-dark() для изображений и какие браузеры её поддерживают?

2. Как использовать CSS-псевдокласс :buffering и какие браузеры его поддерживают?

3. Как использовать атрибут shadowrootslotassignment у тега <template> и какие браузеры его поддерживают?

4. Как использовать Web Serial API и какие браузеры его поддерживают?

В результатах мы заметили четкие паттерны. В большинстве случаев примеры кода и пояснения у Claude Code были сопоставимы как с MCP, так и без него. Однако ответы с включенным MCP были лучше структурированы и полнее. Например, в ответе про функцию light-dark() ИИ сам добавил примеры с линейными градиентами, о которых в вопросе даже не упоминалось, но которые также поддерживаются.

Когда дело дошло до поддержки браузерами, победитель определился мгновенно: MDN MCP выдал гораздо более точные и надежные результаты. Без MCP Claude Code угадал контекст только в одном случае — для псевдокласса :buffering.

В остальных местах ИИ без MCP начал откровенно галлюцинировать. Например, он утверждал, что декларативный атрибут shadowrootslotassignment поддерживается в Chrome 120 и Safari 18.3, скорее всего, перепутав его с опцией slotAssignment для метода Element.attachShadow(). На самом же деле Firefox 151 стал первым браузером, который полноценно внедрил поддержку этого атрибута.

Для функции light-dark() без MCP модель выдала размытое: «поддержка менее однородна, чем у цветового варианта». В то время как с включенным MCP робот предоставил четкую таблицу с указанием Firefox 150 и Chrome (за флагом).

Худший результат Claude Code без MCP показал на вопросе про Web Serial API. Firefox 151 внедрил поддержку Web Serial API в мае 2026 года. Без MCP ИИ правильно упомянул Chromium-браузеры, но касательно Firefox выдал исторический анахронизм:

«Не реализовано (и нет в планах — см. официальную позицию Mozilla: «harmful» / вредно)»

С включенным MCP ИИ-агент мгновенно сориентировался и выдал верные данные: Firefox 151 поддерживает Web Serial API в соответствии со свежими release notes.

Бонус: Ответы с использованием MDN MCP генерировались примерно в два раза быстрее. Без протокола ИИ-агенту приходилось «на лету» парсить кучу HTML-страниц в поисках актуальной информации, что занимало время и, как мы увидели, все равно приводило к ошибкам.

Присоединяйтесь к развитию

Ваша обратная связь помогает нам становиться лучше. Если вы столкнулись с багами, у вас есть предложения или вы хотите поделиться своим опытом интеграции MDN MCP — заглядывайте в наш Discord-канал platform. Если нашли явную ошибку в работе, смело создавайте issue в репозитории mdn/mcp на GitHub.

Что дальше

ИИ-инструменты становятся неотъемлемой частью веб-разработки, и мы стремимся сделать так, чтобы документация MDN была доступна везде, где она вам нужна. Этот релиз — лишь первый шаг, и мы продолжим улучшать этот опыт вместе с вами.