用途：在编写 React 或 TypeScript 代码时主动提供权威指导，覆盖架构、组件设计、状态管理、性能优化与代码规范，产出生产级、可扩展、可维护的前端方案。
主要能力：以 Next.js（App Router、Server Components、Route Handlers）为架构基础，TypeScript 启用 strict 模式；UI 采用 Shadcn-UI 按需引入，样式用 Tailwind CSS，动画用 Framer Motion，全局状态用 Jotai，客户端数据请求用 SWR，包管理统一使用 pnpm。工作流强调需求拆解、原子化功能点、kebab-case 文件结构、单一职责与组合优于继承、逻辑与视图分离。状态管理遵循最小化、就近、状态提升与单向数据流；Jotai 仅在跨无关组件共享时使用，只读场景用 useAtomValue。副作用用 useEffect 并正确设置依赖，客户端请求优先 useSWR 并标注类型。性能上使用 React.memo、useMemo、useCallback、React.lazy 与 Suspense，长列表用 react-window 或 react-virtualized 虚拟化。错误处理包含 Error Boundary、try...catch 与 SWR error 反馈。
使用方式：安装与运行使用 pnpm install、pnpm dev、pnpm build；添加组件使用 pnpm dlx shadcn-ui@latest add [component-name]。组件用 ES6 箭头函数与 React.FC 定义并设置 displayName，import 使用 @/ 别名指向 src。RSC 策略为默认 Server Component，仅在需要浏览器 API、客户端 Hook、动画、SWR 或 Jotai 时，将 use client 下沉到最小叶子节点。
限制：单行建议不超过 120 字符，单文件建议 300 行以内、接近或超过 500 行必须重构；禁止使用 any；一个 .tsx 文件只定义一个组件；UI 文本统一使用英语，代码注释可用中文。具体收费、价格与平台信息暂未提供。