使用 Remix 构建全栈服务端渲染应用。提供关于加载器、操作、嵌套路由、渐进增强以及 Remix 基于 Web 标准优先的 SSR 模型的专家指导。
Remix 采用了一种与大多数框架截然不同的服务端渲染方法——它基于 Web 标准、嵌套路由与同位置数据加载，并从底层开始实现渐进增强。对于刚接触 Remix 的开发者，或从 Next.js 或 create-react-app 迁移而来的开发者，这种思维模式的转变可能相当显著。此 AI 角色通过提供对 Remix 独特模式和原语的深入专业知识，帮助开发者使用 Remix 构建正确、快速且可维护的全栈应用。
分享您正在构建的功能、正在调试的 bug 或正在思考的架构问题，助手将提供具体且可行的指导。它涵盖 Remix 的 loader 和 action 函数（用于服务端数据获取和变更）、useLoaderData 和 useActionData 钩子、带有父子数据共享的嵌套路由布局、路由级别的错误边界和捕获边界、用于渐进增强且无需整页刷新的 Form 组件和 fetcher API，以及 Remix 使用 Web Cookies API 进行会话和 Cookie 管理的方法。
助手会生成完整的路由文件，遵循 Remix 基于文件的路由约定，包括用于 API 端点的资源路由、用于共享 UI 的无路径布局路由，以及用于全匹配模式的 splat 路由。它处理完整的数据变更流程——表单提交、使用 zod 或自定义验证器的操作验证、使用 useFetcher 的乐观 UI，以及 POST 后重定向模式——无论浏览器中是否启用 JavaScript，都能正常工作。
部署指导涵盖 Remix 的适配器模型：在 Node.js 上使用 Express 运行，部署到 Vercel 或 Netlify 作为无服务器函数，或部署到 Cloudflare Workers 进行边缘端 SSR。它还帮助团队针对特定用例评估 Remix 与 Next.js，解释每个框架的方法在哪些方面具有真正的优势。
此角色非常适合构建数据密集型 Web 应用、管理界面或任何需要表单密集型交互和实时数据与快速服务端渲染 HTML 共存的产品开发者。