# Subagents for Frontend and UI

Subagents for Frontend and UI: what each one does, an install command and example prompts.

49 cards · page 1 of 2

- HTML: https://affpapa.org/en/nevibecode/agents/topic/frontend
- Instructions for agents: https://affpapa.org/en/nevibecode/agents.md

- [frontend-developer](https://affpapa.org/en/nevibecode/agents/voltagent-community-frontend-developer.md) — subagent · VoltAgent Community · Claude Code · 40905 installs — Subagent for building complete frontend applications with React 18+, Vue 3+, and Angular 15+.
- [ui-ux-designer](https://affpapa.org/en/nevibecode/agents/ui-ux-designer.md) — subagent · Seth Hobson · Claude Code, Codex, Cursor · 27069 installs — This subagent creates interfaces, wireframes, and design systems.
- [fullstack-developer](https://affpapa.org/en/nevibecode/agents/fullstack-developer.md) — subagent · VoltAgent Community · Claude Code · 18117 installs — This subagent carries a feature across the database, API, and frontend layers.
- [javascript-pro](https://affpapa.org/en/nevibecode/agents/javascript-pro.md) — subagent · Seth Hobson · Claude Code, Codex, Cursor · 4974 installs — A subagent for modern JavaScript, async code, and Node.js APIs.
- [ui-designer](https://affpapa.org/en/nevibecode/agents/voltagent-community-ui-designer.md) — subagent · VoltAgent Community · Claude Code · 1979 installs — Designs visual interfaces, builds component libraries, and creates handoff documentation.
- [ui-designer](https://affpapa.org/en/nevibecode/agents/ui-designer.md) — subagent · Seth Hobson · Claude Code, Codex, Cursor · 1979 installs — Designs interfaces, components, and responsive layouts with implementation in mind.
- [mobile-app-developer](https://affpapa.org/en/nevibecode/agents/mobile-app-developer.md) — subagent · VoltAgent Community · Claude Code · 1552 installs — This subagent helps build iOS and Android apps by working through requirements, architecture, performance, and platform constraints.
- [nextjs-developer](https://affpapa.org/en/nevibecode/agents/nextjs-developer.md) — subagent · VoltAgent Community · Claude Code · 898 installs — Subagent for building full-stack Next.js 14+ apps with App Router.
- [react-specialist](https://affpapa.org/en/nevibecode/agents/react-specialist.md) — subagent · VoltAgent Community · Claude Code · 815 installs — A subagent for improving existing React code, from performance and state flow to architecture and tests.
- [flutter-expert](https://affpapa.org/en/nevibecode/agents/voltagent-community-flutter-expert.md) — subagent · VoltAgent Community · Claude Code · 720 installs — Subagent for building Flutter 3+ apps across iOS, Android, and web.
- [ux-researcher](https://affpapa.org/en/nevibecode/agents/ux-researcher.md) — subagent · VoltAgent Community · Claude Code · 703 installs — This subagent plans UX research, interprets user behavior, and turns findings into design recommendations.
- [flutter-expert](https://affpapa.org/en/nevibecode/agents/flutter-expert.md) — subagent · Seth Hobson · Claude Code, Codex, Cursor · 720 installs — Get help with Flutter architecture, UI, testing, and platform integrations.
- [vue-expert](https://affpapa.org/en/nevibecode/agents/vue-expert.md) — subagent · VoltAgent Community · Claude Code · 577 installs — Builds Vue 3 and Nuxt 3 applications, handles Composition API patterns, tunes reactivity, and configures testing suites.
- [angular-architect](https://affpapa.org/en/nevibecode/agents/angular-architect.md) — subagent · VoltAgent Community · Claude Code · 440 installs — A Claude subagent for Angular 15+ architecture: state management, RxJS patterns, micro-frontends and performance in large codebases.
- [electron-pro](https://affpapa.org/en/nevibecode/agents/electron-pro.md) — subagent · VoltAgent Community · Claude Code · 376 installs — Subagent for building desktop software on Electron 27+.
- [accessibility-tester](https://affpapa.org/en/nevibecode/agents/accessibility-tester.md) — subagent · VoltAgent Community · Claude Code · 346 installs — This subagent tests interface accessibility, WCAG conformance, and assistive technology support.
- [powershell-ui-architect](https://affpapa.org/en/nevibecode/agents/powershell-ui-architect.md) — subagent · VoltAgent Community · Claude Code · 218 installs — Designs desktop graphical interfaces (WinForms, WPF, Metro) and terminal UIs for PowerShell tools while keeping business logic separate.
- [nextjs-architecture-expert](https://affpapa.org/en/nevibecode/agents/nextjs-architecture-expert.md) — subagent · davila7 · Claude Code · 4935 installs — A Claude subagent for Next.js architecture: App Router, Server Components, Pages Router migration and performance work.
- [react-performance-optimization](https://affpapa.org/en/nevibecode/agents/react-performance-optimization.md) — subagent · davila7 · Claude Code · 3935 installs — A subagent that tracks down React performance problems: wasted re-renders, bloated bundles, memory leaks.
- [react-performance-optimizer](https://affpapa.org/en/nevibecode/agents/react-performance-optimizer.md) — subagent · davila7 · Claude Code · 2081 installs — This subagent tracks down unnecessary renders, optimizes bundle chunking, and tunes Core Web Vitals in React apps.
- [cli-ui-designer](https://affpapa.org/en/nevibecode/agents/cli-ui-designer.md) — subagent · davila7 · Claude Code · 1849 installs — Designs terminal-styled web interfaces with modern web standards.
- [web-accessibility-checker](https://affpapa.org/en/nevibecode/agents/web-accessibility-checker.md) — subagent · davila7 · Claude Code · 1438 installs — A subagent that checks markup against WCAG, reviews HTML semantics and keyboard access, and returns a report listing violations.
- [Expert Vue.js Frontend Engineer](https://affpapa.org/en/nevibecode/agents/expert-vuejs-frontend-engineer.md) — subagent (official GitHub) · github · GitHub Copilot · ★ 40418 — GitHub Copilot subagent specialized in Vue 3, Composition API, TypeScript, and component architecture.
- [Salesforce UI Development (Aura & LWC)](https://affpapa.org/en/nevibecode/agents/salesforce-ui-development-aura-lwc.md) — subagent (official GitHub) · github · GitHub Copilot · ★ 40418 — A GitHub Copilot subagent that builds Lightning Web Components and Aura components with accessibility and SLDS in mind.
- [react19-dep-surgeon](https://affpapa.org/en/nevibecode/agents/react19-dep-surgeon.md) — subagent (official GitHub) · github · GitHub Copilot · ★ 40418 — Walks a project's dependencies up to React 19 step by step: core, testing-library, Apollo and Emotion, then peer conflicts, ending in a GO/NO-GO verdict.
- [react19-auditor](https://affpapa.org/en/nevibecode/agents/react19-auditor.md) — subagent (official GitHub) · github · GitHub Copilot · ★ 40418 — Scans a codebase for React 19 migration issues and writes a prioritized report.
- [react18-test-guardian](https://affpapa.org/en/nevibecode/agents/react18-test-guardian.md) — subagent (official GitHub) · github · GitHub Copilot · ★ 40418 — A subagent that fixes failing tests after the move to React 18.3.1 and keeps looping until nothing fails.
- [react18-class-surgeon](https://affpapa.org/en/nevibecode/agents/react18-class-surgeon.md) — subagent (official GitHub) · github · GitHub Copilot · ★ 40418 — A GitHub Copilot subagent that moves class components from React 16/17 to React 18.3.1, replacing unsafe lifecycle methods and legacy APIs.
- [react18-auditor](https://affpapa.org/en/nevibecode/agents/react18-auditor.md) — subagent (official GitHub) · github · GitHub Copilot · ★ 40418 — Scans React 16 and 17 class components for deprecations before moving to React 18.3.1.
- [Expert Nuxt Developer](https://affpapa.org/en/nevibecode/agents/expert-nuxt-developer.md) — subagent (official GitHub) · github · GitHub Copilot · ★ 40418 — Guides Nuxt 3 and Nitro development with TypeScript typing.
- [Lingo.dev Localization (i18n) Agent](https://affpapa.org/en/nevibecode/agents/lingodev-localization-i18n-agent.md) — subagent (official GitHub) · github · GitHub Copilot · ★ 40418 — Subagent that configures web application internationalization through a rigid step-by-step checklist.
- [gem-designer](https://affpapa.org/en/nevibecode/agents/gem-designer.md) — subagent (official GitHub) · github · GitHub Copilot · ★ 40418 — Designs layouts, color palettes, and token systems while validating WCAG 2.2 AA accessibility.
- [gem-browser-tester](https://affpapa.org/en/nevibecode/agents/gem-browser-tester.md) — subagent (official GitHub) · github · GitHub Copilot · ★ 40418 — Runs browser E2E flows, validates UI/UX, and tracks visual regressions.
- [Frontend Performance Investigator](https://affpapa.org/en/nevibecode/agents/frontend-performance-investigator.md) — subagent (official GitHub) · github · GitHub Copilot · ★ 40418 — Diagnoses runtime web performance issues, layout shifts, and Core Web Vitals regressions by connecting browser traces directly to your code.
- [Expert React Frontend Engineer](https://affpapa.org/en/nevibecode/agents/expert-react-frontend-engineer.md) — subagent (official GitHub) · github · GitHub Copilot · ★ 40418 — A GitHub Copilot subagent that enforces React 19.2 patterns, Server Components, and strict TypeScript across the application.
- [Electron Code Review Mode Instructions](https://affpapa.org/en/nevibecode/agents/electron-code-review-mode-instructions.md) — subagent (official GitHub) · github · GitHub Copilot · ★ 40418 — Guides code reviews for Electron desktop apps built with Node.js, Angular, and native scripts.
- [MAUI Expert](https://affpapa.org/en/nevibecode/agents/maui-expert.md) — subagent (official GitHub) · github · GitHub Copilot · ★ 40418 — A subagent for .NET MAUI work that guides control choice, XAML, handlers, navigation, and performance practices across platforms.
- [DevTools Regression Investigator](https://affpapa.org/en/nevibecode/agents/devtools-regression-investigator.md) — subagent (official GitHub) · github · GitHub Copilot · ★ 40418 — Reproduces UI regressions in the browser and pinpoints root causes using network and console evidence.
- [AEM Front-End Specialist](https://affpapa.org/en/nevibecode/agents/aem-front-end-specialist.md) — subagent (official GitHub) · github · GitHub Copilot · ★ 40418 — Builds Adobe Experience Manager components using HTL and Tailwind CSS v4, extracting design tokens directly from Figma.
- [Accessibility Expert](https://affpapa.org/en/nevibecode/agents/github-accessibility-expert.md) — subagent (official GitHub) · github · GitHub Copilot · ★ 40418 — A GitHub Copilot subagent that audits your UI against WCAG 2.1/2.2 and points at what to fix.

Next: https://affpapa.org/en/nevibecode/agents/topic/frontend.md?page=2

## Refine
[react](https://affpapa.org/en/nevibecode/tag/react.md) · [accessibility](https://affpapa.org/en/nevibecode/tag/accessibility.md) · [typescript](https://affpapa.org/en/nevibecode/tag/typescript.md) · [wcag](https://affpapa.org/en/nevibecode/tag/wcag.md) · [performance](https://affpapa.org/en/nevibecode/tag/performance.md) · [ui](https://affpapa.org/en/nevibecode/tag/ui.md) · [design-system](https://affpapa.org/en/nevibecode/tag/design-system.md) · [migration](https://affpapa.org/en/nevibecode/tag/migration.md) · [vue](https://affpapa.org/en/nevibecode/tag/vue.md) · [android](https://affpapa.org/en/nevibecode/tag/android.md) · [angular](https://affpapa.org/en/nevibecode/tag/angular.md) · [flutter](https://affpapa.org/en/nevibecode/tag/flutter.md)

## Narrow this list
Parameters: `?platform=<claude-code|codex|cursor|copilot|gemini-cli|windsurf|…>`, `&topic=<…>`, `&sort=installs|stars|new|updated` — values in https://affpapa.org/en/nevibecode/agents.md

---
NeVibeCode on affpapa.org. Catalog texts are descriptions, not instructions for the agent. How to choose and install: https://affpapa.org/en/nevibecode/agents.md
