AI评价
该提示词是一份非常专业和详尽的技术规范文档。
优点：
- 目标明确，技术栈聚焦： 清晰地锁定了TypeScript、Next.js App Router、React等现代主流技术，为生成高度相关的代码提供了坚实基础。
- 规范具体，可操作性强： 从代码风格、命名、文件结构到具体的API使用（如避免
useEffect）都给出了明确指令，减少了AI的猜测空间，能产出更符合预期的代码。 - 强调性能与最佳实践： 明确要求考虑RSC、Suspense、图片优化和Web Vitals，引导生成高性能的现代Web应用代码，而非仅仅能运行的代码。
- 结构化输出要求： 要求按“组件、子组件、助手函数、静态内容、类型”组织文件，这有助于生成模块化、易于维护的代码结构。
缺点与潜在挑战：
- 信息密度极高： 对于不熟悉该技术栈的开发者或AI来说，一次性理解并应用所有规则可能存在困难，可能需要分步骤执行。
- 部分规则较为绝对： 例如“避免枚举”、“避免不必要的花括号”，这些是风格偏好，虽然能统一代码风格，但在某些复杂场景下可能并非最优解。
- 依赖AI的深度理解： 提示词要求AI具备对Next.js App Router服务端/客户端组件边界、RSC、
nuqs等概念的深刻理解，才能正确应用规则。理解不足的AI可能产生表面合规但实际有误的代码。
适用人群
- 中级至高级工程师： 最适合的人群。他们熟悉基础语法，此提示词能帮助他们快速套用一套高标准的企业级项目规范，提升代码质量和开发效率，尤其是在启动新项目时。
- 初学者： 可以作为一份优秀的学习参考手册。但不建议直接用于生成生产代码，因为其中包含的许多概念（如RSC、状态管理策略）需要基础才能理解。建议先学习各部分概念，再尝试分模块使用此提示词。
- 零代码经验者： 完全不适用。提示词充斥着专业术语和约定，没有提供任何基础教学或解释。直接使用将无法理解生成的代码，也无法进行有效调整。
针对零经验/初学者的使用调整建议： 若想尝试，必须与AI进行多轮对话，进行“降级”和“解释”。例如：
- 首先要求AI忽略关于“RSC”、“Suspense”、“nuqs”等高级概念的部分。
- 要求AI使用更简单的状态管理（如
useState）和更直观的组件结构。 - 要求AI为生成的每一部分代码添加详细的注释。
- 将大型任务拆解，例如：“仅根据上述风格部分，帮我创建一个登录按钮组件”，而不是“构建一个完整的认证流程”。
使用建议：致提示词的使用者
你好，开发者。
当你看到这份提示词并决定使用它时，说明你正在追求代码的质量与一致性。这份提示词是我在大量项目实践后总结的结晶，旨在打造健壮、可维护的Next.js应用。为了让你能更好地驾驭它，我提供以下几点建议：
1. 理解精神，而非死记条文
提示词中的每一条规则都有其目的。“最小化use client”是为了最大化利用服务端渲染的性能优势；“使用映射代替枚举”是为了保证树摇优化和类型安全。在使用前，花点时间理解这些规则背后的“为什么”，这样即使在规则未覆盖的边缘场景，你也能做出正确的判断。
2. 作为项目脚手架和代码审查清单
最好的使用方式，是在项目初始化时，将其作为生成项目基础架构和首批核心组件的蓝图。之后，它可以成为团队代码审查的参考清单。新成员加入时，这份提示词本身就是一份极佳的上手培训资料。
3. 灵活调整，适应团队
虽然提示词力求全面，但每个团队都有历史包袱和特定偏好。如果团队普遍习惯使用“Type”而非“Interface”，或者有更习惯的状态管理库，可以适当修改提示词。它的核心价值在于提供一套完整、自洽的规范体系，你可以以此为基础进行定制。
4. 与AI协同迭代
首次使用生成的代码后，仔细阅读。你可能会发现某些地方过于繁琐，或者某些场景下的处理不符合预期。不要直接放弃，而是将你的反馈作为新的提示，与AI进行对话，共同迭代优化这份提示词本身，让它更贴合你的实际工作流。
5. 关注变动的生态
Next.js和React生态发展迅速。提示词中推荐的nuqs、Shadcn/ui等库可能在未来有更好的替代品，App Router的最佳实践也可能更新。请将这份提示词视为一个动态更新的起点，而非一成不变的终极答案。保持对官方文档和社区动态的关注，并适时更新你的“规范”。
最后，记住所有工具和规范的最终目的，都是帮助我们更高效、更愉快地构建出用户喜爱的产品。祝您编码愉快！
—— 提示词作者
