NeVibeCode · 41 items
Subagents for Frontend and UI
Subagents for Frontend and UI: what each one does, an install command and example prompts.
frontend-developer subagent Subagent for building complete frontend applications with React 18+, Vue 3+, and Angular 15+. Handles component architecture, state management, testing, and accessibility.
40,905installs
ui-ux-designer subagent This subagent creates interfaces, wireframes, and design systems. Use it for user flows, accessibility work, and consistent UI patterns.
CX Codex
27,069installs
fullstack-developer subagent This subagent carries a feature across the database, API, and frontend layers. Use it when one change needs a consistent end-to-end implementation.
18,117installs
javascript-pro subagent A subagent for modern JavaScript, async code, and Node.js APIs. Use it to debug event-loop issues, review complex patterns, and plan TypeScript migrations.
CX Codex
4,974installs
ui-designer subagent Designs visual interfaces, builds component libraries, and creates handoff documentation. Ideal when code needs structured UI states and design tokens.
1,979installs
ui-designer subagent Designs interfaces, components, and responsive layouts with implementation in mind. Use it when building screens, forms, tables, or a design system.
CX Codex
1,979installs
mobile-app-developer subagent This subagent helps build iOS and Android apps by working through requirements, architecture, performance, and platform constraints.
1,552installs
nextjs-developer subagent Subagent for building full-stack Next.js 14+ apps with App Router. It sets up Server Actions, tunes Core Web Vitals, and handles SEO metadata.
898installs
react-specialist subagent A subagent for improving existing React code, from performance and state flow to architecture and tests. Use it when a project needs focused technical changes.
815installs
flutter-expert subagent Subagent for building Flutter 3+ apps across iOS, Android, and web. It helps design clean architecture, set up state management, and optimize rendering.
720installs
ux-researcher subagent This subagent plans UX research, interprets user behavior, and turns findings into design recommendations. Use it to validate a design decision or investigate user needs.
703installs
flutter-expert subagent Get help with Flutter architecture, UI, testing, and platform integrations. Use it when building or maintaining a Dart app across mobile, web, desktop, or embedded targets.
CX Codex
720installs
vue-expert subagent Builds Vue 3 and Nuxt 3 applications, handles Composition API patterns, tunes reactivity, and configures testing suites.
577installs
angular-architect subagent A Claude subagent for Angular 15+ architecture: state management, RxJS patterns, micro-frontends and performance in large codebases.
440installs
electron-pro subagent Subagent for building desktop software on Electron 27+. Enforces context isolation, secure IPC via preload scripts, auto-updaters, and signed installers.
376installs
accessibility-tester subagent This subagent tests interface accessibility, WCAG conformance, and assistive technology support. Use it for audits and accessibility fixes in a project.
346installs
powershell-ui-architect subagent Designs desktop graphical interfaces (WinForms, WPF, Metro) and terminal UIs for PowerShell tools while keeping business logic separate.
218installs
nextjs-architecture-expert subagent A Claude subagent for Next.js architecture: App Router, Server Components, Pages Router migration and performance work.
4,935installs
react-performance-optimization subagent A subagent that tracks down React performance problems: wasted re-renders, bloated bundles, memory leaks. Useful when a page drags or Core Web Vitals slip.
3,935installs
cli-ui-designer subagent Designs terminal-styled web interfaces with modern web standards. Helpful when you want a dashboard, developer tool, or landing page that looks like a command line.
1,849installs
web-accessibility-checker subagent A subagent that checks markup against WCAG, reviews HTML semantics and keyboard access, and returns a report listing violations.
1,438installs
Expert Vue.js Frontend Engineer
official subagent GitHub Copilot subagent specialized in Vue 3, Composition API, TypeScript, and component architecture. Builds frontends, migrates from Vue 2, and optimizes rendering.
★ 40,418repo stars
Salesforce UI Development (Aura & LWC)
official subagent A GitHub Copilot subagent that builds Lightning Web Components and Aura components with accessibility and SLDS in mind.
★ 40,418repo stars
react19-dep-surgeon
official subagent 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.
★ 40,418repo stars
react18-test-guardian
official subagent A subagent that fixes failing tests after the move to React 18.3.1 and keeps looping until nothing fails.
★ 40,418repo stars
react18-class-surgeon
official subagent A GitHub Copilot subagent that moves class components from React 16/17 to React 18.3.1, replacing unsafe lifecycle methods and legacy APIs.
★ 40,418repo stars
react18-auditor
official subagent Scans React 16 and 17 class components for deprecations before moving to React 18.3.1. It reads code without editing files and outputs results to .github/react18-audit.md.
★ 40,418repo stars
Expert Nuxt Developer
official subagent Guides Nuxt 3 and Nitro development with TypeScript typing. Helps configure data fetching via useFetch, resolve hydration issues, and structure server routes.
★ 40,418repo stars
Frontend Performance Investigator
official subagent Diagnoses runtime web performance issues, layout shifts, and Core Web Vitals regressions by connecting browser traces directly to your code.
★ 40,418repo stars
DevTools Regression Investigator
official subagent Reproduces UI regressions in the browser and pinpoints root causes using network and console evidence.
★ 40,418repo stars
AEM Front-End Specialist
official subagent Builds Adobe Experience Manager components using HTL and Tailwind CSS v4, extracting design tokens directly from Figma.
★ 40,418repo stars
Accessibility Expert
official subagent A GitHub Copilot subagent that audits your UI against WCAG 2.1/2.2 and points at what to fix. Useful when forms, dialogs and SPA routes misbehave with a keyboard or screen reader.
★ 40,418repo stars
Accessibility Runtime Tester
official subagent Tests web apps for keyboard operability, focus traps, form error states, and live region updates in runtime. Useful for catching WCAG regressions before deploy.
★ 40,418repo stars
screenshot-ui-analyzer subagent A subagent that turns a UI screenshot into a component list, layout map and design patterns. Handy when you have an image but no mockup or source.
1,018installs
design-bridge subagent Reads a DESIGN.md from the awesome-design-md repo and rewrites it as concrete instructions for building UI that matches the chosen brand.
★ 26,065repo stars
frontend-security-coder subagent A subagent for secure client-side code: stops XSS, wires up CSP, checks DOM handling. Useful when you write or review frontend code.
CX Codex
★ 41,729repo stars
frontend-mobile-development-mobile-developer subagent A subagent for React Native, Flutter and native iOS/Android work: architecture, offline sync, build performance and store publishing.
CX Codex
★ 41,729repo stars
screenshot-interaction-analyzer subagent A subagent that reads a UI screenshot and maps what can be clicked, where navigation leads and which states change. Useful when you have a screen image but no spec.
414installs
performance-optimizer
official subagent A subagent that walks slow Vercel pages through diagnostic trees: LCP, INP, CLS, rendering strategy, bundle size. Use it when Lighthouse scores disappoint.
CX Codex GP ChatGPT
★ 7,596repo stars
design-system-rules-agent
official subagent A subagent that turns your codebase conventions into Figma-to-code rules and writes them into AGENTS.md, so later implementations stay consistent.
CX Codex GP ChatGPT
★ 7,596repo stars
1–40 of 41
