Dev48
ЯЗЫК
  • О нас
  • Услуги
  • Индустрии
  • Технологии
  • Статьи
  • Контакты
Забронировать звонок
    Главная/Статьи/Predstavlyaem server mdn mcp
Dev48

© 2026 · All rights reserved.

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

Источник: MDN Web Docs

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

Источник: MDN Web Docs

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

25 сентября 2026 г.

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

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

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

Например, LLM или агент по написанию кода может не знать о существовании такого правила CSS, как @view-transition, или о том, достигло ли оно уровня базовой совместимости «Widely Available» и безопасно ли его использовать в разных браузерах.

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

В настоящее время сервер находится на стадии эксперимента. Подробнее об обработке данных на этом этапе читайте в нашем уведомлении о конфиденциальности.

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

Сервер MDN MCP работает с любым клиентом, совместимым с MCP, включая:

  • Редакторы: VS Code, Zed и Cursor.
  • Интерфейсы командной строки (CLI) для агентов: Claude Code, Codex CLI и Antigravity CLI (ранее Gemini CLI).
  • Приложения для чата: Claude Desktop.

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

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

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

В чем разница при использовании MCP?

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

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

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

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

Что касается информации о поддержке браузеров, победитель оказался очевиден: MDN MCP выдавал гораздо более качественные и надежные результаты. Claude Code без MCP правильно определил поддержку браузеров только в одном случае: для псевдокласса :buffering. Например, Claude Code без MCP настаивал на том, что декларативный атрибут shadowrootslotassignment поддерживается в Chrome 120 и Safari 18.3, возможно, спутая его с опцией slotAssignment для Element.attachShadow(). Но на самом деле Firefox 151 — это первый браузер, в котором появилась поддержка этого атрибута.

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

Самые худшие результаты работы Claude Code без MCP показал при ответе на вопрос о Web Serial API. В Firefox 151 поддержка Web Serial API появилась в мае 2026 года. Тем не менее, Claude Code без MCP верно упомянул браузеры на базе Chromium как поддерживающие эту функцию, но также настаивал на том, что в Firefox она:

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

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

С включенным MCP Claude Code правильно определил, что в Firefox 151 появилась поддержка Web Serial API, что соответствует примечаниям к выпуску.

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

Присоединяйтесь

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

Что дальше

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

← Все статьи