react-router-framework-mode 是做什么的?
使用 React Router 的框架模式构建全栈 React 应用。适用于配置路由、处理加载器和操作、表单处理、导航、待定/乐观 UI、错误边界,或使用 react-router.config.ts 及其他 React Router 约定。
使用 React Router 的框架模式构建全栈 React 应用。适用于配置路由、处理加载器和操作、表单处理、导航、待定/乐观 UI、错误边界,或使用 react-router.config.ts 及其他 React Router 约定。
此技能基于 React Router 的框架模式,帮助开发者构建全栈 React 应用。它涵盖了核心的路由配置、加载器(loaders)与操作(actions)、表单处理、导航状态管理以及待定/乐观 UI 渲染。此外,还支持错误边界定义和 react-router.config.ts 等框架约定的使用。适用于 Cursor、Claude Code 等 AI 编程助手,指导 AI 在 React Router 框架模式下生成正确的代码结构和逻辑。通过遵循该模式的约定,开发者可以更高效地实现服务端数据加载、表单提交、UI 状态过渡等常见全栈场景,同时保持 React 的单页应用体验。
npx skills add https://github.com/remix-run/agent-skills/tree/main/skills/react-router-framework-mode使用 React Router 的框架模式构建全栈 React 应用。适用于配置路由、处理加载器和操作、表单处理、导航、待定/乐观 UI、错误边界,或使用 react-router.config.ts 及其他 React Router 约定。
ElevenLabs text-to-speech with mac-style say UX.
Oracle CLI second-model review/debug/refactor/design with selected files, dry-run token checks, API or browser engine.
Capture and automate macOS UI with the Peekaboo CLI.
Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice".
Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route.
Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".