---
description: 提供前端开发、UI 实现、移动应用开发和现代前端框架能力。当需要实现用户界面、构建组件或开发移动应用时使用。
name: frontend-specialist
---

# Frontend Specialist


提供前端开发、UI 实现、移动应用开发和现代前端框架能力。当需要实现用户界面、构建组件或开发移动应用时使用。

## When to Use This Skill

提供前端开发、UI 实现、移动应用开发和现代前端框架能力。当需要实现用户界面、构建组件或开发移动应用时使用。

## Capabilities

This specialist skill combines the following capabilities:


### Android Sdk

📖 [详细文档](./references/cursor_rules_android-sdk.md)


### Angular

📖 [详细文档](./references/cursor_rules_angular.md)


### Ant Design

📖 [详细文档](./references/cursor_rules_ant-design.md)


### Astro

📖 [详细文档](./references/cursor_rules_astro.md)


### Chakra Ui

📖 [详细文档](./references/cursor_rules_chakra-ui.md)


### Css

📖 [详细文档](./references/cursor_rules_css.md)


### Customtkinter

📖 [详细文档](./references/cursor_rules_customtkinter.md)


### Expo

📖 [详细文档](./references/cursor_rules_expo.md)


### Flutter

📖 [详细文档](./references/cursor_rules_flutter.md)


### Fontawesome

📖 [详细文档](./references/cursor_rules_fontawesome.md)


### Ionic

📖 [详细文档](./references/cursor_rules_ionic.md)


### Jetpack Compose

📖 [详细文档](./references/cursor_rules_jetpack-compose.md)


### Kivy

📖 [详细文档](./references/cursor_rules_kivy.md)


### Material Ui

📖 [详细文档](./references/cursor_rules_material-ui.md)


### Netlify

📖 [详细文档](./references/cursor_rules_netlify.md)


### Next Js

📖 [详细文档](./references/cursor_rules_next-js.md)


### Nuxt

📖 [详细文档](./references/cursor_rules_nuxt.md)


### Pygame

📖 [详细文档](./references/cursor_rules_pygame.md)


### Pyqt

📖 [详细文档](./references/cursor_rules_pyqt.md)


### Pyside

📖 [详细文档](./references/cursor_rules_pyside.md)


### Qwik

📖 [详细文档](./references/cursor_rules_qwik.md)


### React

📖 [详细文档](./references/cursor_rules_react.md)


### React Mobx

📖 [详细文档](./references/cursor_rules_react-mobx.md)


### React Native

📖 [详细文档](./references/cursor_rules_react-native.md)


### React Query

📖 [详细文档](./references/cursor_rules_react-query.md)


### React Redux

📖 [详细文档](./references/cursor_rules_react-redux.md)


### Remix

📖 [详细文档](./references/cursor_rules_remix.md)


### Riverpod

📖 [详细文档](./references/cursor_rules_riverpod.md)


### Shadcn

📖 [详细文档](./references/cursor_rules_shadcn.md)


### Solidjs

📖 [详细文档](./references/cursor_rules_solidjs.md)


### Svelte

📖 [详细文档](./references/cursor_rules_svelte.md)


### Sveltekit

📖 [详细文档](./references/cursor_rules_sveltekit.md)


### Tailwind

📖 [详细文档](./references/cursor_rules_tailwind.md)


### Tkinter

📖 [详细文档](./references/cursor_rules_tkinter.md)


### Vue

📖 [详细文档](./references/cursor_rules_vue.md)


### Vue3

📖 [详细文档](./references/cursor_rules_vue3.md)


### Frontend Developer

在构建用户界面、实现 React/Vue/Angular 组件、处理状态管理或优化前端性能时使用此代理。该代理擅长创建响应式、可访问且高性能的 Web 应用程序。示例：\n\n<example>\n背景：构建新的用户界面


📖 [详细文档](./references/engineering_frontend_frontend-developer.md)



### Mobile App Builder

在开发原生 iOS 或 Android 应用、实现 React Native 功能或优化移动性能时使用此代理。该代理专注于创建流畅、具有原生感的移动体验。示例：\n\n<example>\n背景：构建新的移动应用


📖 [详细文档](./references/engineering_frontend_mobile-app-builder.md)



### Rapid Prototyper

当你需要在 6 天的开发周期内快速创建新的应用程序原型、MVP（最小可行产品）或概念验证时，请使用此代理。该代理专注于快速搭建项目、集成热门功能以及构建功能性演示。示例：\n\n<example>\n背景：开始一个新的实验或应用想法


📖 [详细文档](./references/engineering_frontend_rapid-prototyper.md)



### Frontend Developer

Agent description (needs manual review)


📖 [详细文档](./references/engineering_frontend_frontend-developer.md)



### Tailwind Frontend Expert

MUST BE USED for any Tailwind‑CSS styling, utility‑first refactors, or responsive component work. Use PROACTIVELY whenever a UI task involves Tailwind or when framework‑agnostic styling is required.


📖 [详细文档](./references/universal_tailwind-css-expert.md)



### React Component Architect

Expert React architect specializing in modern patterns and component design. MUST BE USED for React component development, hooks implementation, or React architecture decisions. Creates intelligent, project-aware solutions that integrate seamlessly with existing codebases.


📖 [详细文档](./references/specialized_react_react-component-architect.md)



### React Nextjs Expert

Expert in Next.js framework specializing in SSR, SSG, ISR, and full-stack React applications. Provides intelligent, project-aware Next.js solutions that leverage current best practices and integrate with existing architectures.


📖 [详细文档](./references/specialized_react_react-nextjs-expert.md)



### Vue Component Architect

Vue 3 expert specializing in Composition API, scalable component architecture, and modern Vue tooling. MUST BE USED whenever designing or refactoring Vue components, composables, or application‑level Vue architecture decisions.


📖 [详细文档](./references/specialized_vue_vue-component-architect.md)



### Vue Nuxt Expert

Expert in Nuxt.js framework specializing in SSR, SSG, and full-stack Vue applications. Provides intelligent, project-aware Nuxt solutions that leverage current best practices and integrate with existing architectures.


📖 [详细文档](./references/specialized_vue_vue-nuxt-expert.md)



### Vue Component Architect

Expert Vue.js architect specializing in Vue 3 Composition API and component patterns. MUST BE USED for Vue component development, composables, or Vue architecture decisions. Creates intelligent, project-aware solutions that integrate seamlessly with existing codebases.


📖 [详细文档](./references/specialized_vue_vue-component-architect.md)



### Javascript Pro

精通ES6+、异步模式和Node.js API的现代JavaScript。处理Promise、事件循环和浏览器/Node兼容性。主动用于JavaScript优化、异步调试或复杂的JS模式。


📖 [详细文档](./references/specialized_JavaScript_javascript-pro.md)