tanstack-start-skill
基于Vite的全栈React框架，支持SSR与服务器函数。
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：tanstack-start-skill。 它的用途是：基于Vite的全栈React框架，支持SSR与服务器函数。 完整的 Skill 内容见：https://321skill.com/skills/tanstack-start-skill/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
‘我需要创建一个具备用户认证和仪表盘的全栈应用，要求服务端渲染和类型安全的API。’，它会引导你安装并使用TanStack Start Skill，通过文件路由创建页面，并用`createServerFn`编写获取仪表盘数据的服务器函数，最后配置部署到Cloudflare Workers。
介绍
TanStack Start Skill 是一个全栈React框架插件，旨在解决构建现代化、高性能Web应用时，前后端分离带来的开发体验割裂和部署复杂度问题。它通过集成Vite、TanStack Router和服务器函数，将前端开发、服务端渲染和API逻辑统一在同一个类型安全的项目中。
使用该Skill，开发者可以通过文件系统自动生成路由，并使用createServerFn创建类型安全的服务器端函数，这些函数可以直接在前端组件中调用，无需手动定义API端点。项目支持服务端渲染和流式传输，并能一键部署到Cloudflare Workers等边缘计算平台。
它非常适合希望提升全栈开发效率、追求类型安全、并需要将应用部署到边缘环境的前端或全栈开发者。对于熟悉React生态，并希望项目具备良好SEO和首屏性能的团队尤为适用。
需要注意的是，该项目已归档不再维护，因此不建议在新项目或对长期维护有严格要求的项目中使用。现有用户应考虑迁移到其他活跃的框架，如Remix或Next.js。
核心特点
核心区别在于深度集成TanStack生态（Router, Query），并通过`createServerFn`提供了独特的、类型安全的服务器函数开发体验，使得前后端代码调用如同本地函数一样简单且安全。
注意事项
该项目已停止维护，不适合用于需要长期支持或稳定更新的新生产项目。
常见问题
TanStack Start和Next.js有什么区别？
TanStack Start深度集成TanStack自家生态（如Router和Query），并通过`createServerFn`提供独特的类型安全服务器函数体验；而Next.js生态更庞大、社区更活跃，并持续维护。
这个Skill还能用吗？
可以安装使用，但项目已归档，不再有功能更新或安全修复，建议仅用于学习或现有项目维护，新项目应选择其他方案。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/tanstack-start-skill/raw/index.md 读取 tanstack-start-skill 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/tanstack-start-skill/raw/index.md（查看排版版本）