organizing-project-files
✓为 React 和 Next.js 项目提供文件组织约定。在创建新文件、组件、挂钩、实用程序或服务时使用。触发诸如“这个应该放在哪里？”、“我应该把它放在哪里？”等问题，或者在决定文件共置还是分组时触发。
SKILL.md
Colocate by feature when possible. Group by type only for truly shared code.
| A button | components/ui/Button.tsx | | A login form | components/auth/LoginForm.tsx | | User data fetching | services/user.ts or hooks/queries/useUser.ts | | Date formatter | lib/utils.ts | | Auth state | stores/auth.ts | | Supabase types | types/supabase.ts (generated) | | Custom type | types/index.ts or colocate |
For App Router specifics, barrel files, and monorepo structures, see PATTERNS.md.
为 React 和 Next.js 项目提供文件组织约定。在创建新文件、组件、挂钩、实用程序或服务时使用。触发诸如“这个应该放在哪里？”、“我应该把它放在哪里？”等问题，或者在决定文件共置还是分组时触发。 来源：augmnt/webdev-skills。
可引用信息
为搜索与 AI 引用准备的稳定字段与命令。
- 安装命令
npx skills add https://github.com/augmnt/webdev-skills --skill organizing-project-files- 分类
- </>开发工具
- 认证
- ✓
- 收录时间
- 2026-02-01
- 更新时间
- 2026-02-18
快速解答
什么是 organizing-project-files？
为 React 和 Next.js 项目提供文件组织约定。在创建新文件、组件、挂钩、实用程序或服务时使用。触发诸如“这个应该放在哪里？”、“我应该把它放在哪里？”等问题，或者在决定文件共置还是分组时触发。 来源：augmnt/webdev-skills。
如何安装 organizing-project-files？
打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等） 复制并运行以下命令：npx skills add https://github.com/augmnt/webdev-skills --skill organizing-project-files 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code 或 Cursor 中使用
这个 Skill 的源码在哪？
https://github.com/augmnt/webdev-skills
详情
- 分类
- </>开发工具
- 来源
- skills.sh
- 收录时间
- 2026-02-01