介绍

ShipAny TanStack 是什么

ShipAny TanStack 是一个 agent-native(面向智能体) 的无头 SaaS 引擎,基于 TanStack Start(Vite 8 + nitro、React 19),从设计之初就以 Claude Code 为第一开发界面。支付、积分、订阅、登录鉴权、RBAC、国际化、CMS 等业务逻辑全部预置,UI 保持最小化;内置的 agent skills 把高层意图直接变成可运行的代码——并且一路打通到生产环境:

/quick-start 做一个 AI 壁纸生成器,叫 WallpaperAI,参考 jasper.ai 的网站风格
/deploy-cloudflare

第二条命令是认真的:一个 skill 就能把项目从本地代码发布到 Cloudflare Workers —— D1 数据库、迁移、RBAC 初始化、密钥、部署、管理员账号——全自动且幂等。详见部署。

为 Agent 而生的设计

• Skills 是第一开发界面 — /quick-start、/clone-website、/new-page、/new-module、/deploy-cloudflare……每个 skill 都内置了项目自身的约定,生成的代码总是落在正确的位置、遵循正确的模式
• 业务逻辑自包含 — 支付、邮件、存储、AI、鉴权全部内联在 src/core/ 和 src/modules/,不依赖外部业务包,agent 可以读取和修改全部代码
• 自带 AGENTS.md / CLAUDE.md — 向任何编码 agent 传授项目架构、命令和规则

完整列表见 Agent Skills。

内置引擎能力

• 登录鉴权 — 邮箱密码 + Google/GitHub OAuth(基于 better-auth)
• 支付 — Stripe、Creem、支付宝、微信支付(一次性付款、订阅、Webhook)
• 积分系统 — FIFO 消耗、过期管理、注册自动赠送
• RBAC — 角色、权限、通配符匹配、管理后台可视化管理
• API 密钥 / 邀请码 / CMS — 完整 CRUD + 管理后台
• 国际化 — 中英双语(Paraglide JS 编译式消息),路由感知语言

技术栈

• 框架:TanStack Start(Vite 8 + nitro、React 19、TypeScript 严格模式)——基于文件的路由(src/routes/),无 React Server Components;服务端逻辑由 loader 和 server function 承载
• UI:shadcn/ui + Tailwind CSS 4
• 数据请求:TanStack Query v5 + 类型化 API client;表单:TanStack Form + zod
• 鉴权:better-auth + Drizzle 适配器
• 数据库:Drizzle ORM — 支持 PostgreSQL、MySQL、SQLite、Turso、Cloudflare D1
• 国际化:Paraglide JS

下一步

• 快速开始 — agent 驱动或手动初始化
• Agent Skills — 内置 skill 目录
• 部署 — 一条命令部署 Cloudflare Workers