Frontend Development Subagents
196 frontend development subagents for Claude Code and AI agents, ranked by real installs from npm, PyPI and skills.sh.
#Type
- 1web-performance-auditorWeb performance engineer focused on Core Web Vitals, loading, rendering, and network optimization. Use for performance-focused audits, CWV analysis, and identifying structural performance…Jul 2026
- 2webFrontend agent for the Activepieces web application (packages/web). Specializes in React components, UI features, flow builder, and frontend architecture.Jul 2026
- 3prototyperPrototyping specialist. Builds throwaway implementations at two points in the workflow: (1) concept prototypes right after brainstorm to validate an idea is fun before writing GDDs (/prototype), and…May 2026
- 4ue-umg-specialistThe UMG/CommonUI specialist owns all Unreal UI implementation: widget hierarchy, data binding, CommonUI input routing, widget styling, and UI optimization. They ensure UI follows Unreal best…May 2026
- 5ui-programmerThe UI Programmer implements user interface systems: menus, HUDs, inventory screens, dialogue boxes, and UI framework code. Use this agent for UI system implementation, widget development, data…May 2026
- 6unity-ui-specialistThe Unity UI specialist owns all Unity UI implementation: UI Toolkit (UXML/USS), UGUI (Canvas), data binding, runtime UI performance, input handling, and cross-platform UI adaptation. They ensure…May 2026
- 7trellis-implementCode implementation expert. Understands specs and requirements, then implements features. No git commit allowed.Jul 2026
- 8frontend-developerFrontend developer for React, Next.js, responsive layouts, and accessible UI componentsJul 2026
- 9frontend-engineerUse this agent to implement user-facing features — transforming UX designs and technical specifications into responsive, accessible, high-performance user interfaces with API integration and tests.Jul 2026
- 10frontend-developerUse when building complete frontend applications across React, Vue, and Angular frameworks requiring multi-framework expertise and full-stack integration.Jul 2026
- 11ui-engineerExpert UI/frontend developer for creating, modifying, or reviewing frontend code, UI components, and user interfaces. Use when building React components, responsive designs, or any frontend…Jul 2026
- 12component-builderDeprecated placeholder. Do not use; follow root AGENTS.md and package instructions instead.Jul 2026
- 13svelte-developmentExpert Svelte 5+ and SvelteKit developer specializing in modern reactive patterns, component architecture, and full-stack development with the Svelte ecosystem.Mar 2026
- 14svelte-storybookStorybook specialist for SvelteKit focusing on component documentation, visual testing, CSF patterns, and isolated development workflows with comprehensive testing integration.Mar 2026
- 15senior-react-developerUse this agent when you need to implement frontend features, UI components, or pages in React. This agent excels at creating visually consistent, well-designed user interfaces that align with…Dec 2025
- 16frontendCreates distinctive, production-grade frontend interfaces. Use when building web components, pages, dashboards, or applications that need high design quality and avoid generic AI aesthetics.Jul 2026
- 17ui-implementationImplement UI feature changes in existing patterns and keep behavior-compatible updates.Jul 2026
- 18quality-fixer-frontendSpecialized agent for fixing quality issues in frontend React projects. Executes all verification and fixing tasks including React Testing Library tests in a completely self-contained manner. Takes…Jul 2026
- 19task-executor-frontendExecutes React implementation completely self-contained following frontend task files. Use when frontend task files exist, or when "frontend implementation/React implementation/component creation" is…Jul 2026
- 20technical-designer-frontendCreates frontend ADR and Design Docs to evaluate React technical choices. Use when frontend PRD is complete and technical design is needed, or when "frontend design/React design/UI design/component…Jul 2026
- 21presenter-agentCreates presenter objects using SimpleDelegator for clean view formatting and display logic. Use when extracting view logic from models, formatting data, creating badges, or when user mentions…Jun 2026
- 22stimulus-agentCreates accessible Stimulus controllers following Hotwire patterns with targets, values, and actions. Use when adding client-side behavior, form interactions, toggles, or when user mentions Stimulus,…Jun 2026
- 23tailwind-agentStyles Rails ERB views and ViewComponents using Tailwind CSS 4 utility classes and responsive design patterns. Use when styling views, building layouts, adding responsive design, or when user…Jun 2026
- 24turbo-agentImplements Turbo Drive, Turbo Frames, and Turbo Streams for fast, responsive Rails applications with minimal JavaScript. Use when adding partial page updates, live updates, inline editing, or when…Jun 2026
- 25viewcomponent-agentCreates reusable ViewComponents with slots, previews, and comprehensive tests for Rails UI elements. Use when building cards, tables, badges, modals, or when user mentions ViewComponent, components,…Jun 2026
- 26react-coderUse this agent when you need to create or modify React components following the project's simplicity-first philosophy. This includes building new UI components, refactoring existing components to use…Jul 2026
- 27frontend-visualization-expertUse this agent when working on frontend visualization components, real-time event display systems, timeline interfaces, process tree visualizations, or embedded web server integration. Examples:…Jul 2026
- 28code-connect-generatorGenerates Figma Code Connect template files (.figma.ts) for CDS React components. Queries Figma MCP for component properties, finds matching source components, creates template files in __figma__…Jul 2026
- 29godot-animatorUse this agent when the user needs to design or implement animation systems in Godot 4.x — AnimationPlayer vs AnimationTree decisions, blend trees (including BlendSpace sync_mode and ping-pong…Jul 2026
- 30godot-shader-authorUse this agent when the user needs to write a custom Godot shader, post-processing effect, screen-space effect, custom material, visual shader graph, or Compositor effect. The agent is a specialist…Jul 2026
- 31ui-design-agentUI design token management and prototype generation — W3C Design Tokens Format, state-based components, WCAG AA validation, responsive layout templates.Jul 2026
- 32i18n_specialistInternationalization specialist for i18n architecture, string extraction, locale management, pluralization rules, RTL support, and date/number/currency formatting. Use when the task requires…Jul 2026
- 33frontend-dev前端 UI 开发、组件实现和 API 对接。例如：实现 UI 组件、修复样式问题、对接后端 API、搭建项目框架。**主动调用 when** 任务涉及 React/Vue 组件、CSS 样式、前端路由或 API 对接。（关键词：React、Vite、TanStack Query、Tailwind、shadcn/ui、状态管理、API 对接、表单校验）Jul 2026
- 34miniapp-dev微信小程序开发，默认原生 WXML/WXSS/JS，Taro 仅在需要 Web 复用时使用。例如：实现页面与组件、接入 wx.* API、处理网络请求与状态、编写组件单测。**主动调用 when** 任务涉及小程序页面、组件、wx.* API 或分包配置。（关键词：WXML、WXSS、wx.request、Taro、分包、登录态、性能优化、骨架屏）Jul 2026
- 35frontend_dev专业前端开发工程师，负责UI实现、组件开发和用户体验优化Jun 2026
- 36fe-developerFrontend Developer - UI implementation using patternsJul 2026
- 37engineering-frontend-developer专注React/Vue/现代Web前端开发的工程师，负责组件开发、页面构建、响应式布局、Core Web Vitals性能优化、可访问性合规，交付高质量用户界面代码Jul 2026
- 38engineering-rapid-prototyper快速原型开发专家，负责MVP验证、概念验证实现、技术可行性评估和最小可行方案交付Jul 2026
- 39plugin-developerMain thread configuration for Claude Code plugin development sessions. Optimized for creating, validating, and improving plugins in the night-market ecosystem. Use via: claude --agent…Jul 2026
- 40javascript-developerJavaScript expert for modern ES6+, async patterns, and Node.js. Use PROACTIVELY for React, TypeScript, performance optimization, or complex async flows.Jul 2026
- 41react-performance-optimizationYou are a React Performance Optimization specialist focusing on identifying, analyzing, and resolving performance bottlenecks in React applications. Your expertise covers rendering optimization,…Jul 2026
- 42typescript-expertWrite type-safe TypeScript with advanced type system features, generics, and utility types. Implements complex type inference, discriminated unions, and conditional types. Use PROACTIVELY for…Jul 2026
- 43frontendExpert frontend developer specializing in Next.js, React, TypeScript, and modern UI developmentApr 2026
- 44core-frontendFrontend implementation specialist. Use when the task involves UI components, pages, layouts, styling, animations, client-side logic, or anything the user sees and interacts with. Focuses on UX…Jul 2026
- 45shep-storybook-story-creatorCreates ONE Storybook story file colocated with a web UI component under src/presentation/web/components/, covering at least Default, Loading, and Error states, plus any explicit variants.Jul 2026
- 46design-builderUse this agent for building production-ready prototypes and implementations from design specs — assembling components into full pages, wiring up interactions, integrating with APIs, setting up…Jun 2026
- 47performance-optimizerSpecializes in optimizing Vercel application performance — Core Web Vitals, rendering strategies, caching, image optimization, font loading, edge computing, and bundle size. Use when investigating…Jul 2026
- 48react-expertUse this agent for React and Material-UI (MUI) development tasks including implementing features, fixing bugs, component architecture, UI/UX design patterns, security best practices, and code reviews.Jul 2026
- 49shadcn-ui-adapterUse this agent when the user needs help with shadcn/ui components, styling, or implementation. Examples: <example>Context: User wants to add a new button component to their project.Jul 2026
- 50riley-frontendRiley Kim, Frontend Developer -- specialist prompt template. Loaded by the directive pipeline when the COO casts this specialist for a task's build phase.Mar 2026
- 51bulletproof-frontend-developerFrontend CSS/HTML craftsman specializing in bulletproof, flexible, progressively-enhanced interfaces. Use for CSS architecture, responsive design, Blade templates, and frontend code review.…Feb 2026
- 52builderBackend implementation specialist. Use for API routes, database schemas, business logic, webhooks, and server-side code. Follows test-first (TDD) practices and returns a summary of what was built.Apr 2026
- 53ui-agentUse after planner has produced a plan. Makes UI/UX decisions — layout, components, design tokens, accessibility. Produces a component brief the builder can implement from without asking questions.Apr 2026
- 54react-reviewerReact 19.2 and TypeScript code review specialist — hooks, composition, performance, bundle analysisJul 2026
- 55vite-reviewerVite 8.x framework-agnostic code review specialist — vanilla JS/TS apps, library authoring (build.lib), multi-page apps (rollupOptions.input), Workers/WASM entries, plugin configJul 2026
- 56vuejs-reviewerVue.js 3.5+ / 3.6 Vapor (beta) and TypeScript code review specialist — Composition API, Pinia, reactivity, performance, composables, useTemplateRef, useId, Vapor ModeJul 2026
- 57build-feFrontend engineer for Flotion. Use to implement Vue 3 + TypeScript changes in apps/flotion/frontend per the plan — components, the typed api.ts client, UI behavior — and self-verify with typecheck +…Jun 2026
- 58solana-frontend-engineerFrontend specialist for Solana dApps. Builds wallet connection flows, transaction UX, token displays, and React/Next.js components with modern design (liquid glass, calm UI), WCAG 2.2 AA…Jun 2026
- 59motion-analystReads a motiscope analysis (report + curated frames) and returns a compact, target-agnostic animation spec. Use to characterize an animation without pulling dozens of frame images into the main…Jul 2026
- 60browser-extension-developerChrome, Firefox, and cross-browser extension development specialist. Manifest V3, service workers, content scripts, and WebExtension APIs. Use when building browser extensions or migrating from MV2…Jul 2026
- 61desktop-developerExpert desktop application developer for Electron, Tauri, and native desktop developmentJul 2026
- 62game-developerExpert game developer for Unity, Unreal Engine, and Godot game developmentJul 2026
- 63i18n-specialistExpert internationalization specialist for multi-language support and localizationJul 2026
- 64frontend-engineerReact Router v7 SSR expert for the web application. Use for routes, loaders, actions, React Query integration, TailwindCSS styling, and Storybook components.May 2026
- 65nuxt-devNuxt 4 layer development specialist for the IncuBrain Foundry project.May 2026
- 66web-frontendExpert frontend developer for React, Vue, Angular, CSS, accessibility, and modern web technologiesJul 2026
- 67accessibility-specialistThe Accessibility Specialist ensures the software is accessible to the widest possible audience. They enforce accessibility standards, review UI for compliance, and design assistive features…May 2026
- 68frontend-developerThe Frontend Developer builds and maintains all user-facing UI components, client-side logic, and browser/app rendering. Use this agent for implementing UI features, React/Vue/Angular components,…May 2026
- 69ui-programmerThe UI Programmer implements user interface systems: menus, HUDs, inventory screens, dialogue boxes, and UI framework code. Use this agent for UI system implementation, widget development, data…May 2026
- 70javascript-expertUse this agent when you need to develop, optimize, or debug JavaScript applications. This includes modern ES6+ features, asynchronous programming, DOM manipulation, and JavaScript runtime…Jul 2026
- 71frontend-design-system-implementerUse this agent when the user needs to implement a modern, professional website using frontend design system skills. This includes tasks like creating responsive layouts, implementing UI components,…Dec 2025
- 72frontend-feature-developerDevelop Next.js (App Router) / React frontend features, components, and pagesJul 2026
- 73page-speed-optimizerUse when pages load slowly, images are unoptimized, or Core Web Vitals need improvement. Audits LCP, FID, CLS, and TTFB, then applies fixes directly to HTML/CSS/JS for sub-3-second load times.Mar 2026
- 74dotnet-blazor-specialistGuides Blazor development across all hosting models (Server, WASM, Hybrid, Auto). Component design, state management, authentication, and render mode selection. Triggers on: blazor component, render…Feb 2026
- 75dotnet-uno-specialistWHEN building cross-platform Uno Platform apps. Project setup, target configuration, Extensions ecosystem, MVUX patterns, Toolkit controls, theming, MCP integration. Triggers on: uno platform, uno…Feb 2026
- 76frontend-programmer高级前端工程师，专注于构建高性能、可维护、用户体验优异的 Web 前端应用。以交互性、可访问性和组件可复用性为设计核心。Mar 2026
- 77drupal-frontend-devDrupal frontend developer for Twig templates, PostCSS/CSS, and JavaScript in the Drupal theme. Use for theming, styling, and frontend behavior changes.Jun 2026
- 78app-scaffolderProject-scaffolding builder that stands up a working base application from the pinned stack-baseline so senior-dev implements FEATURES, not boilerplate. Creates the Next.js + TypeScript +…Jul 2026
- 79craft-site-builderBuilds Craft CMS site templates, components, and content architectureJul 2026
- 80frontend-engineerUse this agent when the task involves React components, pages, hooks, client-side routing, styling with Tailwind CSS, form handling, client-side state management, or accessibility.Feb 2026
- 81frontend-dev前端开发专家。负责 React 管理后台功能实现与前端缺陷修复。Jul 2026
- 82html-show将 Markdown 文档转为 HTML Preview，支持交互原型、流程图、状态图与能力矩阵。Jul 2026
- 83animation-programmerImplements animation state logic, blending, sync, and event-driven hooks.Jul 2026
- 84ui-programmerImplements HUD, menus, settings, and UI interaction flows.Jul 2026
- 85i18n-specialistUsar para internacionalización y localización: auditoría de claves i18n, detección de cadenas hardcodeadas, validación de formatos por locale, generación de esqueletos para nuevos idiomas y revisión…Jul 2026
- 86sc-frontend-architectCreate accessible, performant user interfaces with focus on user experience and modern frameworksJul 2026
- 87nextjs-expertNext.js App Router expert for API routes, middleware, server components, and Vercel deployment patternsJan 2026
- 88react-expertReact expert for hooks, state management, component architecture, and performance optimization patternsJan 2026
- 89shadcn-expertShadcn UI and TanStack Table expert for Data Tables, UI components, and Tailwind styling patternsJan 2026
- 90angular-architectPhase 3 — design the Angular feature, decompose into TDD-shaped frontend tasks, write ADRs. Use when the user asks for design, plan, or runs /plan for a feature touching the Angular UI.Jun 2026
- 91angular-implementerPhase 4 (green/refactor/simplify) — minimum Angular production code to pass the failing test, then refactor without behavior change, then apply clarity-over-cleverness.Jun 2026
- 92ui-developerUse this agent for frontend implementation — UI components, pages, styling, accessibility, and responsive design. Handles React/Next.js components, CSS, and design system work. <example>Context:…Jul 2026
- 93feature-builderFSD 아키텍처 규칙에 따라 feature/entity/widget 모듈을 스캐폴딩하는 전문가. barrel export, 타입 프리픽스(I/T/E), 레이어 의존성 규칙을 강제한다. '피처 만들어줘', '엔티티 만들어줘', '위젯 만들어줘', '새 기능 모듈' 요청 시 사용.Jul 2026
- 94ui-developerNativeWind(Tailwind) 기반 RN UI 컴포넌트와 Expo Router 스크린을 개발하고 SafeArea·애니메이션·평점/Analytics 배선을 담당하는 전문가. 'UI 만들어줘', '컴포넌트 만들어줘', '스크린 추가', '화면 디자인', '레이아웃/스타일 수정' 요청 시 사용.Jul 2026
- 95cli-ui-designerCLI interface design specialist. Use PROACTIVELY to create terminal-inspired user interfaces with modern web technologies. Expert in CLI aesthetics, terminal themes, and command-line UX patterns.Oct 2025
- 96frontend-developerFrontend development specialist for React applications and responsive design. Use PROACTIVELY for UI components, state management, performance optimization, accessibility implementation, and modern…Oct 2025
- 97renderer-porterUse this agent to port a single component or subsystem from the Electron packages/app-electron renderer into the new packages/app-tauri package — rebuilt on shadcn/ui + assistant-ui, themed with…Jul 2026
- 98wp-theme-reviewerAudits a generated or existing WordPress block theme for FSE correctness, theme.json validity, accessibility, i18n, and the plugin's non-negotiable quality rules. Use proactively after generating a…May 2026
- 99frontend-infrastructure-expertUse this agent when you need help with frontend build tools, configuration files, or infrastructure-related issues. Examples include: configuring rspack bundler settings, setting up or modifying…Jul 2026
- 100frontend-engineer-agentUse this agent PROACTIVELY for frontend development tasks including React components, UI implementations, client-side logic, and user interface optimization.Jul 2026
