# Frontend Specialist > 提供前端开发、UI 实现、移动应用开发和现代前端框架能力。当需要实现用户界面、构建组件或开发移动应用时使用。 - Skill: `majiayu000/frontend-specialist` (Agent Skill, multi-file: 2 files) - Install (CLI): `npx skillmds@latest add majiayu000/frontend-specialist` - Raw SKILL.md: https://api.skillmd.com/api/skills/majiayu000/frontend-specialist/raw - Safety review: pending (external: skill-scanner PASS, skillspector PASS) - Works with: Claude Code, Claude.ai, OpenAI Codex - Category: Web & Frontend - Author: majiayu000 (https://skillmd.com/u/majiayu000) - Updated: 2026-09-09 - Page: https://skillmd.com/skills/majiayu000/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\n背景：构建新的用户界面 📖 [详细文档](./references/engineering_frontend_frontend-developer.md) ### Mobile App Builder 在开发原生 iOS 或 Android 应用、实现 React Native 功能或优化移动性能时使用此代理。该代理专注于创建流畅、具有原生感的移动体验。示例：\n\n\n背景：构建新的移动应用 📖 [详细文档](./references/engineering_frontend_mobile-app-builder.md) ### Rapid Prototyper 当你需要在 6 天的开发周期内快速创建新的应用程序原型、MVP（最小可行产品）或概念验证时，请使用此代理。该代理专注于快速搭建项目、集成热门功能以及构建功能性演示。示例：\n\n\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)