SuperAPI AI 工具集

secondme-nextjs

前端与建站

查看项目

更新于 10-15 17:29

技能介绍

用途:基于 .secondme/state.json 中的初始配置与 PRD 需求,生成完整可运行的 Next.js 项目,涵盖 OAuth 认证、用户资料、聊天、动作判断与笔记等模块。

主要能力:前置检查 state.json 是否存在与 stage 是否达到 prd;支持 --quick 快速模式跳过 stage 检查并使用默认 PRD。从 state 读取应用名、模块、OAuth 配置、API 端点与文档链接,不硬编码。按所选模块生成 Prisma schema 与 API 路由、组件代码,auth 模块的 User 表需含 accessToken、refreshToken、tokenExpiresAt 等字段。前端要求使用 frontend-design skill,亮色主题、简约现代、中文界面、简单过渡动画、响应式。完成后将 stage 更新为 ready。

使用方式:先运行 /secondme-init,再运行 /secondme-prd 或使用 --quick;初始化命令为 npx create-next-app@latest . --typescript --tailwind --app --src-dir --import-alias "@/*" --yes,并安装 prisma 与 @prisma/client、执行 npx prisma init。启动步骤为 npm install、npx prisma db push、npm run dev,须使用 3000 端口。每次修改后运行 npm run build 验证。

适用场景:需要快速搭建 SecondMe 生态的 Next.js 全栈应用,尤其是含 OAuth 登录与流式聊天、结构化动作判断的项目。

限制:所有 API 端点与文档链接须从 state.api 和 state.docs 读取。CSS 中 @import Google Fonts 会导致构建失败,应改用 link 或 next/font。WebView 环境下 OAuth state 校验可能失败,需采用宽松校验,会降低 CSRF 防护,仅建议可信环境使用。API 响应统一为 {code, data};本地路由作为代理转发上游。数据库类型、部署细节与收费信息暂未提供。