SuperAPI AI 工具集

organizing-project-files

前端与建站

查看项目

更新于 10-16 03:42

技能介绍

用途:为 React 与 Next.js 项目提供文件组织与命名约定,适用于新建文件、组件、hooks、工具函数或服务时参考。

主要能力:给出标准目录布局,包括 src/app(Next.js App Router 或 pages/)、components(含 ui 与按功能划分的子目录)、hooks、lib、services、stores、types。提供放置速查表,例如按钮放 components/ui/Button.tsx,登录表单放 components/auth/LoginForm.tsx,用户数据获取放 services/user.ts 或 hooks/queries/useUser.ts,日期格式化放 lib/utils.ts,认证状态放 stores/auth.ts,Supabase 类型放 types/supabase.ts(生成),自定义类型放 types/index.ts 或就近放置。

命名约定:组件用 PascalCase.tsx,hooks 用 useCamelCase.ts,工具与类型用 camelCase.ts。

就近放置模式:复杂功能可将相关文件放在一起,如 components/auth/ 下含 LoginForm.tsx、LoginForm.test.tsx、useLoginForm.ts、login-schema.ts。

限制:资料仅提及 App Router 细节、barrel 文件与 monorepo 结构见 PATTERNS.md,未提供其内容;未说明安装命令、收费、平台或效果。