MCP сервер MDN:
документация Mozilla в вашем AI-агенте

Что такое MCP сервер MDN?

MCP сервер MDN от Mozilla — это официальный сервис, который предоставляет всю базу знаний MDN Web Docs — документацию, примеры кода и данные о совместимости браузеров — через протокол Model Context Protocol (MCP). MCP — это открытый стандарт от Anthropic, позволяющий AI-приложениям подключаться к внешним инструментам и источникам данных.

Анонсированный 15 июня 2026 года, сервер находится в экспериментальной фазе и доступен по адресу mcp.mdn.mozilla.net. Он работает с любыми MCP-совместимыми клиентами: VS Code, Cursor, Zed, Claude Code, Codex CLI, Antigravity CLI и Claude Desktop.

Ключевая идея: вместо того чтобы ваш AI-агент угадывал браузерную совместимость на основе обучающих данных (которые всегда на месяцы или годы отстают), он может напрямую запросить живую базу MDN. Разница колоссальная — собственные тесты Mozilla показали, что Claude Code с MCP сервером получает информацию о поддержке браузерами значительно точнее, чем без него.

Зачем Mozilla это создала

Фундаментальная проблема — отсечка знаний LLM. Модель, обученная в начале 2025 года, ничего не знает о возможностях, появившихся в конце 2025 или 2026. Спросите её о CSS-правиле @view-transition, функции light-dark() или псевдоклассе :buffering — и она, вероятно, выдумает ответ.

Mozilla протестировала это с Claude Code Opus 4.7, задав вопросы о четырёх функциях из Firefox 151 (вышел в мае 2026):

• CSS-функция light-dark() для изображений
• CSS-псевдокласс :buffering
• Атрибут shadowrootslotassignment у <template>
• Web Serial API

Без MCP сервера Claude Code правильно определил поддержку браузерами только в одном случае из четырёх. С MCP сервером все четыре ответа были точными и хорошо структурированными. Кроме того, примечания к использованию были богаче — например, ответы о light-dark() автоматически включали примеры с линейными градиентами.

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

Какие инструменты предоставляет MCP сервер?

MCP сервер MDN предоставляет несколько инструментов, которые ваш AI-агент может вызывать для получения информации:

Настройка MCP сервера MDN

В Claude Code

Одна команда:

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

В VS Code (через GitHub Copilot MCP)

{
  "servers": {
    "mdn": {
      "type": "http",
      "url": "https://mcp.mdn.mozilla.net/"
    }
  }
}

В Cursor

{
  "mcpServers": {
    "mdn": {
      "type": "http",
      "url": "https://mcp.mdn.mozilla.net/"
    }
  }
}

В Zed

{
  "mdn": {
    "type": "http",
    "url": "https://mcp.mdn.mozilla.net/"
  }
}

Локальный запуск

Исходный код доступен на GitHub: github.com/mdn/mcp:

git clone https://github.com/mdn/mcp.git
cd mcp
npm install
npm run build
npm start

Практические сценарии использования

1. Проверка поддержки браузерами в процессе разработки

Пишете CSS и нужно узнать, безопасно ли использовать light-dark(). Вместо открытия браузера ваш AI-агент запрашивает MCP сервер напрямую:

"Поддерживается ли CSS функция light-dark() в production?"

→ "CSS функция light-dark() поддерживается в Chrome 133+,
   Firefox 151+, Safari 18.0+. Имеет статус Baseline 'Widely
   Available' начиная с Chrome 133 и Safari 18.2. Безопасно
   использовать в production."

2. Поиск параметров API

Нужны точные параметры Element.animate()? Агент получает полную страницу MDN:

"Какие параметры принимает Element.animate()?"

→ "Element.animate(keyframes, options) где keyframes — массив
   ключевых кадров или PropertyIndexedKeys, а options включает:
   id, delay, direction, duration, easing, endDelay, fill,
   iterationStart, iterations, composite, iterationComposite."

3. Проверка статуса Baseline перед релизом

"Какой статус Baseline у CSS Anchor Positioning?"

→ "CSS Anchor Positioning имеет статус 'Newly Available'.
   Поддерживается в Chrome 131+, Firefox 133+, Safari 18.2+.
   Ещё не Widely Available — используйте полифилл для production."

С MCP и без — реальное сравнение

Вот как отличаются ответы на один и тот же вопрос с MCP сервером и без него:

Вопрос: "Какие браузеры поддерживают CSS text-wrap: pretty?"

Без MCP: "CSS text-wrap: pretty поддерживается в Chrome 110+, Firefox 120+, Safari 16.4+. Широко доступен."
Выглядит правдоподобно, но версии могут быть неточными.

С MCP: "CSS text-wrap: pretty — поддерживается в Chrome 125+, Firefox 121+, Safari 17.5+. Статус Baseline 'Widely Available' начиная с Chrome 131. Безопасно использовать в production."
Точные номера версий, правильное замечание об использовании и контекст Baseline.

Конфиденциальность

В экспериментальной фазе Mozilla собирает анонимные данные запросов для улучшения сервиса. Вы можете отказаться от аналитики, отправив заголовок X-Moz-1st-Party-Data-Opt-Out: 1. Для работы с чувствительными данными можно запустить сервер локально из исходного кода.

Экосистема MCP

MDN MCP сервер — часть растущей экосистемы MCP серверов, которые дают AI-агентам доступ к актуальным источникам данных. Официальные MCP серверы теперь есть для MDN, Figma, Linear, GitHub и других. Для веб-разработчиков это означает:

• Точность документации — никаких выдуманных сигнатур API
• Актуальные данные — функции, вышедшие на прошлой неделе, доступны сегодня
• Меньше переключения контекста — запрос из редактора, а не из браузера
• Проверенные ответы — агент ссылается на источник MDN

Более широкий обзор влияния AI на веб-разработку — в моём руководстве по AI-ассистентам кода. Для визуальной проверки того, как код реально рендерится в браузере, смотрите гайд по MCP серверу Safari — недавно выпущенный Apple MCP сервер для Safari Technology Preview 247.

FAQ

Начните прямо сейчас

Добавление MCP сервера MDN занимает одну команду в Claude Code или несколько строк JSON в VS Code или Cursor. Результат — ваш AI-агент перестаёт угадывать и начинает точно знать, имея под рукой всю базу MDN Web Docs.

Это один из тех редких инструментов, который становится лучше с каждым использованием. Каждое обновление MDN, каждая новая функция, каждый релиз браузера — ваш агент получает к ним доступ в первый же день. Без ожидания переобучения модели.

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