Communitygithub.com

remix-run/react-router-framework-mode

使用 React Router 的框架模式构建全栈 React 应用。适用于配置路由、处理加载器和操作、表单处理、导航、待定/乐观 UI、错误边界,或使用 react-router.config.ts 及其他 React Router 约定。

react-router-framework-mode 是什么?

此技能基于 React Router 的框架模式,帮助开发者构建全栈 React 应用。它涵盖了核心的路由配置、加载器(loaders)与操作(actions)、表单处理、导航状态管理以及待定/乐观 UI 渲染。此外,还支持错误边界定义和 react-router.config.ts 等框架约定的使用。适用于 Cursor、Claude Code 等 AI 编程助手,指导 AI 在 React Router 框架模式下生成正确的代码结构和逻辑。通过遵循该模式的约定,开发者可以更高效地实现服务端数据加载、表单提交、UI 状态过渡等常见全栈场景,同时保持 React 的单页应用体验。

兼容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/remix-run/agent-skills/tree/main/skills/react-router-framework-mode

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

react-router-framework-mode 是做什么的?

使用 React Router 的框架模式构建全栈 React 应用。适用于配置路由、处理加载器和操作、表单处理、导航、待定/乐观 UI、错误边界,或使用 react-router.config.ts 及其他 React Router 约定。

相关技能