在 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