用途:为 React + TypeScript 项目提供一套有明确主张的前端开发标准,指导组件、页面、特性、数据获取、路由、样式与性能相关代码的编写与审查。
主要能力:以 Suspense 优先的数据获取为核心,主推 useSuspenseQuery,禁止 isLoading 条件与提前返回的加载态;要求对路由、特性入口组件、数据表格、图表、编辑器、大型弹窗等重内容做懒加载;采用基于特性的目录组织,领域逻辑放在 features/,可复用基础组件放在 components/,禁止跨特性耦合;TypeScript 严格模式,禁止 any,要求显式返回类型并使用 import type。
使用方式:技能内含 FFCI 可行性评估(架构契合、复杂度、性能风险、可复用性、维护成本,评分 -5 至 +15,建议 ≥6 再实施)、新组件与新特性检查清单、导入别名约定(@/ 指向 src/,~types、~components、~features 等)、组件结构顺序、TanStack Router 的文件夹路由与懒加载、MUI v7 样式与 Grid 写法、useMuiSnackbar 反馈、性能默认项(useMemo、useCallback、React.memo、搜索防抖 300–500ms)以及规范文件结构与组件模板。
适用场景:创建组件或页面、新增特性、数据获取与变更、路由搭建、MUI 样式、性能问题处理、前端代码审查与重构。
限制:该技能立场鲜明且强制,面向长期维护的生产级 React 代码库;具体安装命令、收费与平台支持信息暂未提供。