在 Next.js 中构建、集成和部署 Convex 后端（默认情况下为 App Router，支持 Pages Router）。涵盖运行“npx 凸开发”、定义凸架构/索引、编写查询/突变/操作、连接 ConvexReactClient + ConvexProvider 挂钩（useQuery/useMutation）、可选的 SSR 预加载和通过凸/nextjs 的服务器操作、身份验证模式和部署（包括 Vercel + 预览部署）。当用户提及 Convex、convex.dev、Next.js + Convex、实时数据库更新、Convex 函数、架构/索引、NEXT_PUBLIC_CONVEX_URL、凸开发/部署或在 Next.js 应用程序中对 Convex 进行故障排除时使用。
通过命令行快速安装 convex-nextjs AI 技能到你的开发环境
来源：tristanmanchester/agent-skills。
Workflow 1 — Add Convex to a Next.js app (App Router)
Step 1b (optional): Seed sample data + expose a first query If you want a known-good end-to-end smoke test:
Step 2: Create a client provider (Client Component) Create app/ConvexClientProvider.tsx:
在 Next.js 中构建、集成和部署 Convex 后端（默认情况下为 App Router，支持 Pages Router）。涵盖运行“npx 凸开发”、定义凸架构/索引、编写查询/突变/操作、连接 ConvexReactClient + ConvexProvider 挂钩（useQuery/useMutation）、可选的 SSR 预加载和通过凸/nextjs 的服务器操作、身份验证模式和部署（包括 Vercel + 预览部署）。当用户提及 Convex、convex.dev、Next.js + Convex、实时数据库更新、Convex 函数、架构/索引、NEXT_PUBLIC_CONVEX_URL、凸开发/部署或在 Next.js 应用程序中对 Convex 进行故障排除时使用。 来源：tristanmanchester/agent-skills。
为搜索与 AI 引用准备的稳定字段与命令。
npx skills add https://github.com/tristanmanchester/agent-skills --skill convex-nextjs在 Next.js 中构建、集成和部署 Convex 后端（默认情况下为 App Router，支持 Pages Router）。涵盖运行“npx 凸开发”、定义凸架构/索引、编写查询/突变/操作、连接 ConvexReactClient + ConvexProvider 挂钩（useQuery/useMutation）、可选的 SSR 预加载和通过凸/nextjs 的服务器操作、身份验证模式和部署（包括 Vercel + 预览部署）。当用户提及 Convex、convex.dev、Next.js + Convex、实时数据库更新、Convex 函数、架构/索引、NEXT_PUBLIC_CONVEX_URL、凸开发/部署或在 Next.js 应用程序中对 Convex 进行故障排除时使用。 来源：tristanmanchester/agent-skills。
打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等） 复制并运行以下命令：npx skills add https://github.com/tristanmanchester/agent-skills --skill convex-nextjs 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code、Cursor 或 OpenClaw 中使用
https://github.com/tristanmanchester/agent-skills