用途：在创建或修改 React 组件（.tsx 文件）时，约束组件结构、导入顺序与 hooks 写法，帮助团队保持一致的代码组织方式。
主要能力：规定组件文件内的书写顺序，依次为外部导入、内部共享导入、功能专属导入、类型定义、组件本体；组件内部按 hooks、派生状态、事件处理器、渲染的顺序组织。业务逻辑建议抽到 [feature]/hooks/ 下的自定义 hooks 中，例如 usePostEditor 使用 useMutation 调用 createPost，并在 onSuccess 中通过 queryClient.invalidateQueries 失效 ['posts', boardId] 查询。
目录约定：功能组件放在 [feature]/components/，自定义 hooks 放在 [feature]/hooks/，TypeScript 类型放在 [feature]/model/，shadcn/ui 组件放在 @/shared/ui/，共享 hooks 放在 @/shared/hooks/。
路径别名：可使用 @/、@board/、@post/、@comment/、@draft/、@notification/、@user/、@shared/、@login/、@stats/。
适用场景：React + TypeScript 项目中的组件开发与重构，尤其是需要统一导入顺序、hooks 模式与功能目录结构的团队。
限制：资料未提供安装命令、依赖版本、配置方式、收费信息及具体平台支持范围，这些内容暂未提供。