用途：该技能让 AI 代理按现代前端工程标准构建和审查 React 应用，目标是让项目保持整洁、可预测、可扩展、高性能且易于审查维护，强调长期可维护性而非短期取巧或过度抽象。
主要能力：围绕可读性优先、组件职责单一、渲染性能优化、显式处理边界情况、可预测的状态流、可复用 UI 系统六项原则展开。工作流包括定义应用结构、构建可复用组件、谨慎处理状态、优化性能、提升可访问性、验证边界情况、审查与重构。
使用方式：需先安装 Node.js（https://nodejs.org），创建项目可执行 npx create-next-app@latest 或 npm create vite@latest，随后 npm install 安装依赖，npm run dev 启动开发服务器。推荐使用 VS Code、TypeScript、ESLint、Prettier、React DevTools 及 ES7 React snippets、Prettier、Tailwind CSS IntelliSense、Error Lens 等扩展。输入需要 React 项目或组件系统、UI 需求、应用结构、状态管理需求，可选设计系统、组件库、API 契约、性能要求。
适用场景：构建 React 应用、审查前端代码、设计可扩展组件系统、优化前端性能、提升可维护性、处理复杂 UI 状态、搭建生产级前端架构。
限制：不适用于一次性快速原型、非 React 项目、纯静态 HTML 工作流以及高度实验性的一次性演示。资料未提供具体收费、价格或平台支持信息。