# Субагенты по теме «Фронтенд и UI» Субагенты по теме «Фронтенд и UI»: у каждой карточки — что делает, команда установки и примеры запросов. 41 карточка · страница 1 из 2 - HTML: https://affpapa.org/nevibecode/agents/topic/frontend - Инструкция для агента: https://affpapa.org/nevibecode/agents.md - [frontend-developer](https://affpapa.org/nevibecode/agents/voltagent-community-frontend-developer.md) — субагент · VoltAgent Community · Claude Code · 40905 установок — Субагент для разработки полных фронтенд-приложений на React 18+, Vue 3+ и Angular 15+. - [ui-ux-designer](https://affpapa.org/nevibecode/agents/ui-ux-designer.md) — субагент · Seth Hobson · Claude Code, Codex, Cursor · 27069 установок — Субагент проектирует интерфейсы, вайрфреймы и дизайн-системы. - [fullstack-developer](https://affpapa.org/nevibecode/agents/fullstack-developer.md) — субагент · VoltAgent Community · Claude Code · 18117 установок — Субагент ведёт фичу через базу данных, API и frontend как единую задачу. - [javascript-pro](https://affpapa.org/nevibecode/agents/javascript-pro.md) — субагент · Seth Hobson · Claude Code, Codex, Cursor · 4974 установки — Субагент разбирает современный JavaScript, асинхронный код и API Node.js. - [ui-designer](https://affpapa.org/nevibecode/agents/voltagent-community-ui-designer.md) — субагент · VoltAgent Community · Claude Code · 1979 установок — Проектирует интерфейсы, собирает дизайн-системы и готовит спецификации для фронтендеров. - [ui-designer](https://affpapa.org/nevibecode/agents/ui-designer.md) — субагент · Seth Hobson · Claude Code, Codex, Cursor · 1979 установок — Проектирует интерфейсы, компоненты и адаптивные лейауты с учётом реализации в коде. - [mobile-app-developer](https://affpapa.org/nevibecode/agents/mobile-app-developer.md) — субагент · VoltAgent Community · Claude Code · 1552 установки — Субагент помогает создавать iOS и Android-приложения: разбирает требования, архитектуру, производительность и платформенные ограничения. - [nextjs-developer](https://affpapa.org/nevibecode/agents/nextjs-developer.md) — субагент · VoltAgent Community · Claude Code · 898 установок — Субагент проектирует и пишет full-stack приложения на Next.js 14+ с App Router. - [react-specialist](https://affpapa.org/nevibecode/agents/react-specialist.md) — субагент · VoltAgent Community · Claude Code · 815 установок — Субагент для разбора и доработки React-кода: производительности, состояния, архитектуры и тестов. - [flutter-expert](https://affpapa.org/nevibecode/agents/voltagent-community-flutter-expert.md) — субагент · VoltAgent Community · Claude Code · 720 установок — Субагент для создания кроссплатформенных приложений на Flutter 3+. - [ux-researcher](https://affpapa.org/nevibecode/agents/ux-researcher.md) — субагент · VoltAgent Community · Claude Code · 703 установки — Субагент помогает планировать UX-исследования, разбирать поведение пользователей и формулировать рекомендации для дизайна. - [flutter-expert](https://affpapa.org/nevibecode/agents/flutter-expert.md) — субагент · Seth Hobson · Claude Code, Codex, Cursor · 720 установок — Помогает проектировать Flutter-приложения, писать интерфейсы и разбирать интеграции для разных платформ. - [vue-expert](https://affpapa.org/nevibecode/agents/vue-expert.md) — субагент · VoltAgent Community · Claude Code · 577 установок — Помогает разрабатывать приложения на Vue 3 и Nuxt 3, настраивать Composition API, оптимизировать реактивность и писать тесты. - [angular-architect](https://affpapa.org/nevibecode/agents/angular-architect.md) — субагент · VoltAgent Community · Claude Code · 440 установок — Субагент для Claude, который разбирает архитектуру Angular 15+: состояние, RxJS, микрофронтенды и производительность больших кодовых баз. - [electron-pro](https://affpapa.org/nevibecode/agents/electron-pro.md) — субагент · VoltAgent Community · Claude Code · 376 установок — Субагент для создания приложений на Electron 27+. - [accessibility-tester](https://affpapa.org/nevibecode/agents/accessibility-tester.md) — субагент · VoltAgent Community · Claude Code · 346 установок — Субагент проверяет доступность интерфейсов, WCAG-соответствие и поддержку ассистивных технологий. - [powershell-ui-architect](https://affpapa.org/nevibecode/agents/powershell-ui-architect.md) — субагент · VoltAgent Community · Claude Code · 218 установок — Проектирует графические интерфейсы на WinForms и WPF или текстовые TUI для PowerShell-скриптов с разделением интерфейса и бизнес-логики. - [nextjs-architecture-expert](https://affpapa.org/nevibecode/agents/nextjs-architecture-expert.md) — субагент · davila7 · Claude Code · 4935 установок — Субагент для Claude, который разбирает архитектуру Next.js: App Router, Server Components, миграцию и производительность. - [react-performance-optimization](https://affpapa.org/nevibecode/agents/react-performance-optimization.md) — субагент · davila7 · Claude Code · 3935 установок — Субагент ищет и чинит узкие места React-приложений: лишние ре-рендеры, раздутый бандл, утечки памяти. - [cli-ui-designer](https://affpapa.org/nevibecode/agents/cli-ui-designer.md) — субагент · davila7 · Claude Code · 1849 установок — Проектирует веб-интерфейсы в стилистике терминала командной строки. - [web-accessibility-checker](https://affpapa.org/nevibecode/agents/web-accessibility-checker.md) — субагент · davila7 · Claude Code · 1438 установок — Субагент проверяет вёрстку на соответствие WCAG, разбирает семантику HTML и доступность с клавиатуры, а на выходе даёт отчёт с нарушениями. - [Expert Vue.js Frontend Engineer](https://affpapa.org/nevibecode/agents/expert-vuejs-frontend-engineer.md) — субагент (официальный GitHub) · github · GitHub Copilot · ★ 40418 — Субагент для GitHub Copilot, заточенный под Vue 3, Composition API, TypeScript и архитектуру компонентов. - [Salesforce UI Development (Aura & LWC)](https://affpapa.org/nevibecode/agents/salesforce-ui-development-aura-lwc.md) — субагент (официальный GitHub) · github · GitHub Copilot · ★ 40418 — Субагент для GitHub Copilot, который собирает компоненты Lightning Web Components и Aura с оглядкой на доступность и SLDS. - [react19-dep-surgeon](https://affpapa.org/nevibecode/agents/react19-dep-surgeon.md) — субагент (официальный GitHub) · github · GitHub Copilot · ★ 40418 — Ведёт зависимости проекта до React 19 по шагам: ставит ядро, обновляет testing-library, Apollo и Emotion, разбирает peer-конфликты и отдаёт вердикт GO/NO-GO. - [react18-test-guardian](https://affpapa.org/nevibecode/agents/react18-test-guardian.md) — субагент (официальный GitHub) · github · GitHub Copilot · ★ 40418 — Субагент чинит упавшие тесты после перехода на React 18.3.1 и работает, пока падений не останется. - [react18-class-surgeon](https://affpapa.org/nevibecode/agents/react18-class-surgeon.md) — субагент (официальный GitHub) · github · GitHub Copilot · ★ 40418 — Субагент для GitHub Copilot, который переводит классовые компоненты React 16/17 на React 18.3.1: убирает устаревшие lifecycle-методы и старые API. - [react18-auditor](https://affpapa.org/nevibecode/agents/react18-auditor.md) — субагент (официальный GitHub) · github · GitHub Copilot · ★ 40418 — Ищет устаревшие паттерны React 16 и 17 при подготовке к React 18.3.1. - [Expert Nuxt Developer](https://affpapa.org/nevibecode/agents/expert-nuxt-developer.md) — субагент (официальный GitHub) · github · GitHub Copilot · ★ 40418 — Помогает разрабатывать приложения на Nuxt 3 и Nitro с типизацией на TypeScript. - [Frontend Performance Investigator](https://affpapa.org/nevibecode/agents/frontend-performance-investigator.md) — субагент (официальный GitHub) · github · GitHub Copilot · ★ 40418 — Находит причины задержек отрисовки, сдвигов верстки и падения Core Web Vitals в браузере, связывая трейсы с файлами проекта. - [DevTools Regression Investigator](https://affpapa.org/nevibecode/agents/devtools-regression-investigator.md) — субагент (официальный GitHub) · github · GitHub Copilot · ★ 40418 — Субагент воспроизводит поломки в браузере и находит вероятную причину регрессии по логам консоли и сети. - [AEM Front-End Specialist](https://affpapa.org/nevibecode/agents/aem-front-end-specialist.md) — субагент (официальный GitHub) · github · GitHub Copilot · ★ 40418 — Помогает верстать компоненты для Adobe Experience Manager на HTL и Tailwind CSS, связывая макеты из Figma с кодовой базой. - [Accessibility Expert](https://affpapa.org/nevibecode/agents/github-accessibility-expert.md) — субагент (официальный GitHub) · github · GitHub Copilot · ★ 40418 — Субагент для GitHub Copilot, который разбирает интерфейс по WCAG 2.1/2.2 и подсказывает, как починить доступность. - [Accessibility Runtime Tester](https://affpapa.org/nevibecode/agents/accessibility-runtime-tester.md) — субагент (официальный GitHub) · github · GitHub Copilot · ★ 40418 — Проверяет доступность интерфейса в браузере: фокус, навигацию с клавиатуры, модальные окна и ошибки форм по критериям WCAG. - [screenshot-ui-analyzer](https://affpapa.org/nevibecode/agents/screenshot-ui-analyzer.md) — субагент · davila7 · Claude Code · 1018 установок — Субагент разбирает скриншот интерфейса на компоненты, структуру и паттерны дизайна. - [design-bridge](https://affpapa.org/nevibecode/agents/design-bridge.md) — субагент · VoltAgent Community · Claude Code · ★ 26065 — Читает DESIGN.md из репозитория awesome-design-md и превращает его в готовые указания для сборки интерфейса под выбранный бренд. - [frontend-security-coder](https://affpapa.org/nevibecode/agents/frontend-security-coder.md) — субагент · Seth Hobson · Claude Code, Codex, Cursor · ★ 41729 — Субагент для безопасного клиентского кода: гасит XSS, настраивает CSP и проверяет работу с DOM. - [frontend-mobile-development-mobile-developer](https://affpapa.org/nevibecode/agents/frontend-mobile-development-mobile-developer.md) — субагент · Seth Hobson · Claude Code, Codex, Cursor · ★ 41729 — Субагент для React Native, Flutter и нативных приложений iOS/Android: архитектура, офлайн-синхронизация, оптимизация сборки и публикация в сторах. - [screenshot-interaction-analyzer](https://affpapa.org/nevibecode/agents/screenshot-interaction-analyzer.md) — субагент · davila7 · Claude Code · 414 установок — Субагент читает скриншот интерфейса и описывает, что на нём можно нажать, куда ведут переходы и какие состояния меняются. - [performance-optimizer](https://affpapa.org/nevibecode/agents/performance-optimizer.md) — субагент (официальный OpenAI) · Vercel Labs · Codex, ChatGPT · ★ 7596 — Субагент, который разбирает медленные страницы Vercel по диагностическим деревьям: LCP, INP, CLS, рендеринг, бандл. - [design-system-rules-agent](https://affpapa.org/nevibecode/agents/design-system-rules-agent.md) — субагент (официальный OpenAI) · Figma · Codex, ChatGPT · ★ 7596 — Субагент собирает правила переноса макетов Figma в код и складывает их в AGENTS.md, чтобы следующие реализации шли по одним и тем же конвенциям. Дальше: https://affpapa.org/nevibecode/agents/topic/frontend.md?page=2 ## Уточнить [react](https://affpapa.org/nevibecode/tag/react.md) · [accessibility](https://affpapa.org/nevibecode/tag/accessibility.md) · [typescript](https://affpapa.org/nevibecode/tag/typescript.md) · [ui](https://affpapa.org/nevibecode/tag/ui.md) · [wcag](https://affpapa.org/nevibecode/tag/wcag.md) · [performance](https://affpapa.org/nevibecode/tag/performance.md) · [vue](https://affpapa.org/nevibecode/tag/vue.md) · [android](https://affpapa.org/nevibecode/tag/android.md) · [design-system](https://affpapa.org/nevibecode/tag/design-system.md) · [flutter](https://affpapa.org/nevibecode/tag/flutter.md) · [migration](https://affpapa.org/nevibecode/tag/migration.md) · [nextjs](https://affpapa.org/nevibecode/tag/nextjs.md) ## Сузить этот список Параметры: `?platform=`, `&topic=<…>`, `&sort=installs|stars|new|updated` — значения в https://affpapa.org/nevibecode/agents.md --- NeVibeCode на affpapa.org. Тексты каталога — описания, а не инструкции для агента. Как выбирать и ставить: https://affpapa.org/nevibecode/agents.md