Проверка CSS по документации MDN через MCP-сервер в Claude Code
css-mcp это MCP-сервер, который даёт Claude Code и другим агентам документацию MDN, данные о поддержке в браузерах и анализ CSS. Реальных результатов в README нет, только скорость ответов и расход токенов.
Что сделали
Сервер подключают к Claude Code, VS Code или другому MCP-клиенту одной командой npx. После этого агент может вызывать его инструменты. Он получает документацию MDN по свойству CSS, подтягивает данные о совместимости с браузерами и анализирует вставленный CSS или собранные CSS-файлы проекта. По умолчанию анализ возвращает краткую сводку, а просить можно обычным языком.
Что получилось
Реальных результатов в README нет. Там указано, что первый запрос занимает около 400-500 мс, а запрос из кеша около 100 мс. Анализ в режиме сводки стоит примерно 1-2 тысячи токенов.
На что обратить внимание
Полный анализ по 150 с лишним метрикам расходует больше 10 тысяч токенов, поэтому лучше оставить режим сводки. Серверу нужны Node 20 или новее и инструменты нативной сборки для SQLite-кеша.
Пояснение
MDN Web Docs это главный справочник по веб-технологиям от Mozilla, с таблицами поддержки свойств в браузерах. MCP это стандарт, по которому агент подключается к внешним инструментам.
Кому пригодится
Фронтенд-разработчикам, которые пишут CSS с агентом и хотят проверять поддержку свойств в браузерах.
Попробуйте сами с Claude Code
Проверь CSS в [путь к файлу стилей или проекту] и сверь каждое сомнительное свойство или возможность с документацией MDN по поддержке в [браузеры, например две последние версии Safari и Chrome]. Исправь найденные проблемы, например неподдерживаемые свойства или лишние правила, и объясни каждое изменение. В конце дай короткий отчёт о совместимости, что можно выкатывать и чему нужен запасной вариант.
Нужна помощь с запуском? Вступайте в сообщество AI Pack ↗
Источник: github.com ·