# MCP-серверы по теме «Фронтенд и UI» MCP-серверы по теме «Фронтенд и UI»: у каждой карточки — что делает, команда установки и примеры запросов. 116 карточек · страница 3 из 3 - HTML: https://affpapa.org/nevibecode/mcp/topic/frontend?page=3 - Инструкция для агента: https://affpapa.org/nevibecode/agents.md - [Talivia Revenue Analytics](https://affpapa.org/nevibecode/mcp/talivia-revenue-analytics.md) — MCP-сервер · talivia-group · Claude Code, Codex, Cursor +5 · ★ 32 — Подключает сквозную веб-аналитику к проекту через ИИ-агента. - [UICapsule](https://affpapa.org/nevibecode/mcp/uicapsule.md) — MCP-сервер · kyh · Claude Code, Codex, Cursor +5 · ★ 32 — Удалённый MCP-сервер с каталогом React-компонентов с необычной анимацией: агент находит нужный по описанию и ставит его в проект через shadcn CLI. - [nakkas](https://affpapa.org/nevibecode/mcp/nakkas.md) — MCP-сервер · arikusi · Claude Code, Codex, Cursor +5 · ★ 30 — Генерирует анимированные SVG по JSON-описанию без JavaScript. - [AINDF](https://affpapa.org/nevibecode/mcp/aindf.md) — MCP-сервер · 0design · Claude Code, Codex, Cursor +5 · ★ 28 — Read-only MCP-сервер над одним бандлом дизайн-системы AINDF: агент смотрит компоненты, слоты и пресеты, проверяет экраны по контрактам. - [XamlMcp](https://affpapa.org/nevibecode/mcp/xamlmcp.md) — MCP-сервер · trrahul · Claude Code, Codex, Cursor +4 · ★ 27 — MCP-сервер для исследования и управления работающими XAML-приложениями. - [UI Verify](https://affpapa.org/nevibecode/mcp/ui-verify.md) — MCP-сервер · uiverify · Claude Code, Codex, Cursor +5 · ★ 24 — Сервис визуального регрессионного тестирования интерфейса. - [DevTool MCP](https://affpapa.org/nevibecode/mcp/devtool-mcp.md) — MCP-сервер · standardbeagle · Claude Code, Codex, Cursor +5 · ★ 22 — Связывает агента с запущенным приложением: поднимает дев-сервер, ставит обратный прокси и собирает ошибки фронтенда. - [rive-mcp](https://affpapa.org/nevibecode/mcp/rive-mcp.md) — MCP-сервер · ODU33104 · Claude Code, Codex, Cursor +5 · ★ 22 — Сервер позволяет создавать, проверять и редактировать .riv-анимации, а затем просматривать их кадры и экспорты. - [ui-annotator-mcp](https://affpapa.org/nevibecode/mcp/ui-annotator-mcp.md) — MCP-сервер · mcpware · Claude Code, Codex, Cursor +5 · ★ 21 — Сервер запускает прокси для разметки веб-страниц плавающими бейджами. - [wpf-visual-tree](https://affpapa.org/nevibecode/mcp/wpf-visual-tree.md) — MCP-сервер · faze79 · Claude Code, Codex, Cursor +4 · ★ 20 — MCP-сервер подключает ИИ-агента к запущенному WPF-приложению: он видит дерево элементов, ошибки binding и может выполнять UI-действия. - [buoy](https://affpapa.org/nevibecode/mcp/buoy.md) — MCP-сервер · ahoybuoy · Claude Code, Codex, Cursor +5 · ★ 20 — Показывает ИИ-агенту токены и правила вашей дизайн-системы. - [webcomponents-mcp-server](https://affpapa.org/nevibecode/mcp/webcomponents-mcp-server.md) — MCP-сервер · UI5 · Claude Code, Codex, Cursor +5 · ★ 20 — MCP-сервер, который отдаёт агенту документацию по UI5 Web Components прямо в чат. - [memi](https://affpapa.org/nevibecode/mcp/memi.md) — MCP-сервер · memi-design · Claude Code, Codex, Cursor +5 · ★ 48 — Даёт агенту карту интерфейса в репозитории и находит проблемы доступности и дизайн-системы с привязкой к file:line. - [Roast My Design System](https://affpapa.org/nevibecode/mcp/roast-my-design-system.md) — MCP-сервер · gregkozakiewicz · Claude Code, Codex, Cursor +5 · ★ 27 — Аудирует кодовую базу интерфейса, находит пропуски в дизайн-системе и передаёт ассистенту правила, чтобы генерация UI не ломала общие токены. - [marmo-ui](https://affpapa.org/nevibecode/mcp/marmo-ui.md) — MCP-сервер · mahmoudilyan · Claude Code, Codex, Cursor +5 · ★ 19 — Подключает агента к живым API компонентов Marmo UI, чтобы он собирал дашборды на реальных пропсах, а не выдумывал их. - [Nekzus-npm-sentinel-mcp](https://affpapa.org/nevibecode/mcp/nekzus-npm-sentinel-mcp.md) — MCP-сервер · Nekzus · Claude Code, Codex, Cursor +5 · ★ 19 — Проверяет безопасность, зависимости и качество пакетов npm прямо в чате с моделью. - [Kinetik UI](https://affpapa.org/nevibecode/mcp/kinetik-ui.md) — MCP-сервер · NURULLAHTURGUT · Claude Code, Codex, Cursor +5 · ★ 18 — Отдаёт ИИ-агенту каталог анимированных компонентов Kinetik UI для React Native и Expo: поиск, описание и план установки прямо в чате. - [CleanSlice](https://affpapa.org/nevibecode/mcp/cleanslice.md) — MCP-сервер · CleanSlice · Claude Code, Codex, Cursor +5 · ★ 18 — Удалённый MCP-сервер с документацией по архитектуре CleanSlice для полностековых приложений на NestJS и Nuxt. - [matchcn](https://affpapa.org/nevibecode/mcp/matchcn.md) — MCP-сервер · francesco0242 · Claude Code, Codex, Cursor +5 · ★ 17 — Находит готовые UI-компоненты для shadcn по описанию их функций и внешнего вида, а не по названиям из реестров. - [FTX MCP — FactoryTalk Optix MCP Server](https://affpapa.org/nevibecode/mcp/ftx-mcp-factorytalk-optix-mcp-server.md) — MCP-сервер · asqi-carter · Claude Code, Codex, Cursor +5 · ★ 17 — Инструмент связывает FactoryTalk Optix Studio с ИИ-агентами на Windows 11. - [ng-blatui](https://affpapa.org/nevibecode/mcp/ng-blatui.md) — MCP-сервер · anousss007 · Claude Code, Codex, Cursor +5 · ★ 17 — MCP-сервер ng-blatui даёт агенту доступ к каталогу из 157 компонентов, 16 блоков, 70 графиков и 35 шаблонов страниц Angular UI-библиотеки. - [Scandit](https://affpapa.org/nevibecode/mcp/scandit.md) — MCP-сервер · Scandit · Claude Code, Codex, Cursor +5 · ★ 20 — MCP-сервер Scandit подключает агента к SDK для сканирования штрихкодов, QR-кодов и документов. - [Bestax](https://affpapa.org/nevibecode/mcp/bestax.md) — MCP-сервер · allxsmith · Claude Code, Codex, Cursor +5 · ★ 13 — MCP-сервер, который даёт агенту доступ к библиотеке React-компонентов bestax-bulma: пропсы, примеры кода, CSS-переменные Bulma v1 и готовые промпты. - [Iconoteka](https://affpapa.org/nevibecode/mcp/iconoteka.md) — MCP-сервер · iconoteka · Claude Code, Codex, Cursor +5 · ★ 12 — Даёт ассистенту доступ к 1400 иконкам в 7 начертаниях и 2 стилях. - [3D AR Studio](https://affpapa.org/nevibecode/mcp/3d-ar-studio.md) — MCP-сервер · nirholas · Claude Code, Codex, Cursor +5 · ★ 11 — Собирает 3D-модели в дополненную реальность прямо в браузере и отдаёт человеку одну ссылку, которая открывает сцену в его комнате. - [nuxt-i18n-mcp](https://affpapa.org/nevibecode/mcp/nuxt-i18n-mcp.md) — MCP-сервер · fabkho · Claude Code, Codex, Cursor +5 · ★ 11 — MCP-сервер для работы с переводами в Nuxt-проектах: находит пропущенные ключи, убирает мёртвые и переименовывает их сразу во всех локалях. - [Open Components](https://affpapa.org/nevibecode/mcp/open-components.md) — MCP-сервер · uxfront-com · Claude Code, Codex, Cursor +5 · ★ 11 — Отдаёт агенту контракты и правила UI-компонентов по разделам, чтобы код соответствовал стандарту UX, DX и AX. - [Ply UI](https://affpapa.org/nevibecode/mcp/ply-ui.md) — MCP-сервер · ply-ui-ng · Claude Code, Codex, Cursor +5 · ★ 10 — Даёт агенту доступ к каталогу компонентов Ply на Angular и Tailwind: поиск, метаданные, установка в проект через CLI. - [figma-mcp-express](https://affpapa.org/nevibecode/mcp/figma-mcp-express.md) — MCP-сервер · sunhome243 · Claude Code, Codex, Cursor +5 · ★ 9 — Даёт агенту доступ к живому файлу Figma Desktop: узлы, компоненты, переменные, стили и прототипы. - [ui-ticket-mcp](https://affpapa.org/nevibecode/mcp/ui-ticket-mcp.md) — MCP-сервер · 0ics-srls · Claude Code, Codex, Cursor +5 · ★ 9 — Кликаете по элементу в браузере, пишете замечание — агент читает его через MCP и правит код. - [amCharts 5](https://affpapa.org/nevibecode/mcp/amcharts-5.md) — MCP-сервер · amcharts · Claude Code, Codex, Cursor +5 · ★ 9 — Даёт агенту доступ к документации amCharts 5, примерам кода и API. - [MCP Bench Router](https://affpapa.org/nevibecode/mcp/mcp-bench-router.md) — MCP-сервер · K1ta141k · Claude Code, Codex, Cursor +5 · ★ 7 — Отправляет задачи по дизайну и фронтенду модели, которая сейчас первая в рейтинге designarena.ai, через OpenRouter. - [HTML/CSS to Image API](https://affpapa.org/nevibecode/mcp/htmlcss-to-image-api.md) — MCP-сервер · htmlcsstoimage · Claude Code, Codex, Cursor +5 · ★ 7 — Рендерит HTML/CSS, снимает скриншоты сайтов и собирает картинки или PDF из шаблонов без локального браузера. - [liquefy-ui](https://affpapa.org/nevibecode/mcp/liquefy-ui.md) — MCP-сервер · liquefy-ui · Claude Code, Codex, Cursor +5 · ★ 6 — Отвечает на вопросы о liquefy-ui по реальному API библиотеки, чтобы агент не придумывал несуществующие пропсы. - [validator](https://affpapa.org/nevibecode/mcp/validator.md) — MCP-сервер · swatchdog-dev · Claude Code, Codex, Cursor +5 · ★ 6 — Сверяет CSS, который написал агент, с вашей дизайн-системой и показывает каждое значение вне токенов. - [mcp](https://affpapa.org/nevibecode/mcp/megberts-mcp.md) — MCP-сервер · megberts · Claude Code, Codex, Cursor +5 · ★ 5 — Создаёт страницы, загружает файлы и публикует сайт на своём домене прямо из чата с ИИ-ассистентом. ## Уточнить [react](https://affpapa.org/nevibecode/tag/react.md) · [ui](https://affpapa.org/nevibecode/tag/ui.md) · [design-system](https://affpapa.org/nevibecode/tag/design-system.md) · [components](https://affpapa.org/nevibecode/tag/components.md) · [shadcn](https://affpapa.org/nevibecode/tag/shadcn.md) · [tailwind](https://affpapa.org/nevibecode/tag/tailwind.md) · [css](https://affpapa.org/nevibecode/tag/css.md) · [typescript](https://affpapa.org/nevibecode/tag/typescript.md) · [nextjs](https://affpapa.org/nevibecode/tag/nextjs.md) · [svg](https://affpapa.org/nevibecode/tag/svg.md) · [accessibility](https://affpapa.org/nevibecode/tag/accessibility.md) · [animation](https://affpapa.org/nevibecode/tag/animation.md) ## Сузить этот список Параметры: `?platform=`, `&topic=<…>`, `&sort=installs|stars|new|updated` — значения в https://affpapa.org/nevibecode/agents.md --- NeVibeCode на affpapa.org. Тексты каталога — описания, а не инструкции для агента. Как выбирать и ставить: https://affpapa.org/nevibecode/agents.md