.claude/skills/frontend-specialist/SKILL.md
提供前端开发、UI 实现、移动应用开发和现代前端框架能力。当需要实现用户界面、构建组件或开发移动应用时使用。
npx skillsauth add prorise-cool/claude-code-multi-agent frontend-specialistInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
提供前端开发、UI 实现、移动应用开发和现代前端框架能力。当需要实现用户界面、构建组件或开发移动应用时使用。
提供前端开发、UI 实现、移动应用开发和现代前端框架能力。当需要实现用户界面、构建组件或开发移动应用时使用。
This specialist skill combines the following capabilities:
📖 详细文档
📖 详细文档
📖 详细文档
📖 详细文档
📖 详细文档
📖 详细文档
📖 详细文档
📖 详细文档
📖 详细文档
📖 详细文档
📖 详细文档
📖 详细文档
📖 详细文档
📖 详细文档
📖 详细文档
📖 详细文档
📖 详细文档
📖 详细文档
📖 详细文档
📖 详细文档
📖 详细文档
📖 详细文档
📖 详细文档
📖 详细文档
📖 详细文档
📖 详细文档
📖 详细文档
📖 详细文档
📖 详细文档
📖 详细文档
📖 详细文档
📖 详细文档
📖 详细文档
📖 详细文档
📖 详细文档
📖 详细文档
在构建用户界面、实现 React/Vue/Angular 组件、处理状态管理或优化前端性能时使用此代理。该代理擅长创建响应式、可访问且高性能的 Web 应用程序。示例:\n\n<example>\n背景:构建新的用户界面
📖 详细文档
在开发原生 iOS 或 Android 应用、实现 React Native 功能或优化移动性能时使用此代理。该代理专注于创建流畅、具有原生感的移动体验。示例:\n\n<example>\n背景:构建新的移动应用
📖 详细文档
当你需要在 6 天的开发周期内快速创建新的应用程序原型、MVP(最小可行产品)或概念验证时,请使用此代理。该代理专注于快速搭建项目、集成热门功能以及构建功能性演示。示例:\n\n<example>\n背景:开始一个新的实验或应用想法
📖 详细文档
Agent description (needs manual review)
📖 详细文档
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.
📖 详细文档
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.
📖 详细文档
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.
📖 详细文档
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.
📖 详细文档
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.
📖 详细文档
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.
📖 详细文档
精通ES6+、异步模式和Node.js API的现代JavaScript。处理Promise、事件循环和浏览器/Node兼容性。主动用于JavaScript优化、异步调试或复杂的JS模式。
📖 详细文档
development
使用 Playwright 与本地 Web 应用程序交互和测试的工具包。支持验证前端功能、调试 UI 行为、捕获浏览器截图和查看浏览器日志。
testing
Plan user research studies - method selection, participant recruitment, study design, and research questions for generative and evaluative research.
development
Design and plan usability tests - task creation, think-aloud protocols, moderator scripts, metrics definition, and analysis frameworks.
content-media
Create service blueprints - frontstage/backstage visualization, touchpoints, support processes, evidence, and service design methodology.