convex-tanstack
✓使用 Convex 和 TanStack Start 構建全棧應用程序的綜合指南。在處理使用 Convex 作為後端數據庫和 TanStack Start(React 元框架)的項目時,應該使用此技能。涵蓋架構設計、查詢、突變、操作、使用 Better Auth 進行身份驗證、路由、數據獲取模式、SSR、文件存儲、調度、AI 代理和前端模式。在實現功能、調試問題或需要有關 Convex + TanStack Start 最佳實踐的指導時使用此功能。
SKILL.md
This skill provides guidance for building reactive, real-time full-stack applications using Convex (reactive backend-as-a-service) with TanStack Start (full-stack React meta-framework). The stack provides live-updating queries, type-safe end-to-end development, SSR support, and automatic cache invalidation.
| import { useQuery } from 'convex/react' | import { useQuery } from 'convex-helpers/react/cache' | | if (id) useQuery(...) | useQuery(..., id ? {...} : "skip") | | .filter(x => x.field === val) | .withIndex("byfield", q => q.eq("field", val)) | | Action with ctx.db | Use ctx.runQuery/runMutation | | count || 0 | count ?? 0 (0 is falsy) |
| references/01-setup.md | Project setup, config files, environment variables | | references/02-router.md | Router setup, root route, file-based routing, layouts | | references/03-auth.md | Better Auth setup, sign up/in/out, protected routes, SSR auth | | references/04-data-fetching.md | useQuery, useSuspenseQuery, mutations, loaders, prefetching |
可引用資訊
為搜尋與 AI 引用準備的穩定欄位與指令。
- 安裝指令
npx skills add https://github.com/sstobo/convex-skills --skill convex-tanstack- 分類
- {}資料分析
- 認證
- ✓
- 收錄時間
- 2026-02-01
- 更新時間
- 2026-02-18
快速解答
什麼是 convex-tanstack?
使用 Convex 和 TanStack Start 構建全棧應用程序的綜合指南。在處理使用 Convex 作為後端數據庫和 TanStack Start(React 元框架)的項目時,應該使用此技能。涵蓋架構設計、查詢、突變、操作、使用 Better Auth 進行身份驗證、路由、數據獲取模式、SSR、文件存儲、調度、AI 代理和前端模式。在實現功能、調試問題或需要有關 Convex + TanStack Start 最佳實踐的指導時使用此功能。 來源:sstobo/convex-skills。
如何安裝 convex-tanstack?
開啟你的終端機或命令列工具(如 Terminal、iTerm、Windows Terminal 等) 複製並執行以下指令:npx skills add https://github.com/sstobo/convex-skills --skill convex-tanstack 安裝完成後,技能將自動設定到你的 AI 程式設計環境中,可以在 Claude Code 或 Cursor 中使用
這個 Skill 的原始碼在哪?
https://github.com/sstobo/convex-skills
詳情
- 分類
- {}資料分析
- 來源
- skills.sh
- 收錄時間
- 2026-02-01