用途：为 React 19 + TypeScript 5 + Ant Design + Tauri 桌面前端开发提供专家级指导，适用于创建 React 组件、编写自定义 Hooks、实现状态管理、集成 Tauri 命令、优化性能与编写类型安全代码等场景。
主要能力：
- 组件开发：函数式组件模式，结合 Ant Design 的 Form、Button、Input、message 等组件，使用 Form.useForm 与 onFinish 处理提交。
- Hooks 实践：自定义 Hook 模式（如 useMaterials），遵循 Hooks 规则，避免在条件或循环中调用 Hook。
- 状态管理：TanStack Query 的 useQuery、useMutation、依赖查询（enabled）、查询失效（invalidateQueries）；区分局部状态与 Context 全局状态。
- Tauri 集成：使用生成的 commands 与类型（如 Formula、Material）进行类型安全调用，避免直接使用未类型化的 invoke。
- 错误处理：统一封装命令调用，失败时通过 Ant Design message 提示用户，桌面应用避免使用 console 输出。
- 表单验证：使用 rules 与自定义 validator 校验字段长度等。
- 性能优化：React.memo、useCallback、useMemo，避免每次渲染创建新函数、缺失依赖、用索引作 key。
- TypeScript：避免 as any，使用类型守卫与 type-only 导入。
- 桌面特性：通过 @tauri-apps/plugin-dialog 与 plugin-fs 读写文件，通过 plugin-os 判断平台快捷键。
- 测试：使用 @testing-library/react 与 vi.fn 编写组件测试。
使用方式：当用户要求开发 React 组件、编写前端代码、创建界面、实现状态管理、使用 TanStack Query 或 Ant Design、开发 AI 聊天组件或配方管理界面、优化 Hooks、表单验证、响应式布局、类型安全、避免 as any 等时激活该技能。
限制：资料未提供安装命令、收费方式、平台支持范围与具体版本兼容性说明，暂未提供。