该技能用于在用户要求创建新项目、搭建 Next.js 应用、初始化应用或启动新项目时,引导完成全栈 Next.js 项目的脚手架、配置与部署,共六个交互步骤,并通过智能体团队并行执行。
用途与主要能力:固定包含 Next.js(最新版,App Router、TypeScript、Tailwind v4、src 目录)、Bun、Biome(脚手架后手动安装)、shadcn/ui(dashboard-01 块作为应用外壳)、tweakcn 主题定制、next-themes 明暗模式、better-auth 认证与 Vercel 部署。数据层视数据库选择而定:若选 Convex,使用其内置 useQuery/useMutation;其他数据库则安装 TanStack Query。
使用方式:第 0 步先加载 vercel-react-best-practices、vercel-composition-patterns、better-auth-best-practices 等技能。第 1 步用 create-next-app 脚手架、初始化 Git(命令为 bunx create-next-app@latest <project-name> --typescript --tailwind --app --src-dir --import-alias "@/*" --use-bun --turbopack --biome --yes),覆盖 biome.json 并运行 bunx biome check --write .。第 2 步一次性收集认证方式、数据库、可选包、主题与 CLAUDE.md 技能等需求。第 3 步并行派发研究智能体。第 4 步组织构建团队并行实施。第 5 步经 Vercel 配置数据库。第 6 步首次部署(git push -u origin main)并持续开发。
适用场景:快速生成带认证、数据层与主题的生产就绪 Next.js 应用。
限制:需自行创建 Vercel 项目并添加存储;数据库未配置前禁止推送,否则部署失败并可能产生重复或断连的数据库实例;未提供具体价格与平台支持细节。