用途：该技能面向前端 Web 开发，当需要开发 Web 应用、创建 UI 组件、实现交互功能或优化前端性能时使用。典型场景包括创建 React 登录页面、实现响应式导航栏、优化页面加载性能、集成第三方 API、实现深色模式切换、创建可复用 UI 组件库。
主要能力：覆盖现代前端框架开发（React、Vue、Angular）、响应式页面布局、交互功能实现、状态管理、性能优化与前端工程化。技术栈涉及核心框架 React、Vue、Angular、Next.js、Nuxt.js；UI 框架 Tailwind CSS、Material-UI、Ant Design、Element Plus、Chakra UI；状态管理 Redux、Zustand、Pinia、MobX、Jotai；构建工具 Vite、Webpack、Turbopack、esbuild。
使用方式：资料给出开发工作流程，包括项目初始化（脚手架创建项目、配置 ESLint/Prettier/TypeScript、组织目录结构、安装依赖、Git 初始化）、开发流程（需求分析、组件设计、样式开发、功能实现、测试验证、代码审查、部署上线）。最佳实践涵盖代码组织目录结构、组件设计原则（单一职责、可复用、可组合、Props 验证、默认值）、性能优化（代码分割、虚拟滚动、防抖节流、Memo 化、图片优化、缓存策略）与可访问性（语义化 HTML、键盘导航、ARIA、对比度、焦点管理）。资料还提供 React、Vue 组件示例、自定义 Hook、Zustand 状态管理、响应式断点与 Flex/Grid 布局、Jest 与 Playwright 测试、Vite 构建优化与环境变量示例。
限制：资料未提供该技能的安装命令、收费方式、平台支持范围与具体效果数据，这些信息暂未提供。使用时需遵循团队代码规范，考虑浏览器兼容性，注意 XSS、CSRF 等安全问题，优化首屏加载时间，实现错误边界与降级方案，并使用 TypeScript 提高代码质量。