supastarter-nextjs-skill
专为supastarter Next.js项目提供全栈开发指导的AI技能库。
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：supastarter-nextjs-skill。 它的用途是：专为supastarter Next.js项目提供全栈开发指导的AI技能库。 完整的 Skill 内容见：https://321skill.com/skills/supastarter-nextjs-skill/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
“我正在用supastarter开发一个SaaS，需要添加团队组织功能，应该怎么做？” 它会引导你参考组织模式文档，并按照supastarter的规范，从数据库Schema设计、oRPC API创建到前端UI组件，提供一步步的指导。或者说：“帮我按照supastarter的约定生成一个用户反馈模块。” 它会调用内置的生成脚本，为你创建包含数据库模型、API端点和前端表单的完整模块代码。
介绍
这个Skill旨在解决开发者在基于supastarter框架构建生产级Next.js SaaS应用时，面临的架构选择、代码规范、功能集成和部署运维等一系列复杂问题。它提供了一套完整的知识体系，覆盖从技术栈选型、数据库设计、API开发、认证授权、支付集成到SEO、监控等全生命周期。
使用时，只需在AI对话中提及“supastarter”或相关SaaS功能需求，该Skill便会自动激活，提供符合supastarter官方最佳实践的代码示例、架构指导和问题排查方案。它内置了20多份参考文档和代码生成脚本，能极大提升开发效率。
该Skill特别适合正在或计划使用supastarter进行Next.js全栈开发的工程师和团队。无论是搭建新项目，还是在现有项目中添加新功能，都能从中获得标准化、高质量的指导。
建议在使用前先阅读其内置的“编码规范”文档，以理解supastarter的核心架构思想。对于复杂的模块生成，可以利用附带的Python脚本进行快速脚手架搭建。
核心特点
与通用的Next.js开发技能不同，本Skill深度绑定supastarter这一特定框架，提供了从Prisma、Hono/oRPC到Better Auth、Stripe等一整套官方推荐技术栈的详尽模式与规范，并包含专属的模块生成脚本和完整的功能实现案例（如反馈组件）。
注意事项
仅适用于supastarter的Next.js版本，不适用于其Vue/Nuxt版本或其他全栈框架。
常见问题
这个Skill能帮我生成supastarter项目的代码吗？
可以，它会根据supastarter的官方编码规范和架构，为你生成数据库模型、API路由、React组件等代码片段，并提供完整的模块生成脚本。
我没有使用Cursor，能使用这个Skill吗？
可以，虽然安装说明提到了Cursor的路径，但其核心是符合Agent Skills规范的技能包，理论上支持任何兼容此规范的AI开发环境。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/supastarter-nextjs-skill/raw/index.md 读取 supastarter-nextjs-skill 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/supastarter-nextjs-skill/raw/index.md（查看排版版本）