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アプリケーションを開発するためのものです。開発者はルート設定、ローダーやアクションの定義、フォームの処理、ナビゲーションの管理、保留中状態や楽観的UIの実装、エラーバウンダリの設定など、React Routerが提供するすべての機能を活用できます。主にClaude CodeやCusorなどのAIエージェントで動作し、`react-router.config.ts`やその他のReact Routerの規約に従った開発を支援します。このスキルは、クライアントサイドとサーバーサイドの両方のロジックを統合し、効率的なデータ取得と状態管理を実現するためのベストプラクティスを提供します。

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

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

react-router-framework-mode は何をしますか?

React Routerのフレームワークモードを使用して、フルスタックのReactアプリケーションを構築します。ルート設定、ローダーとアクションの操作、フォーム処理、ナビゲーション、保留中/楽観的UI、エラーバウンダリ、またはreact-router.config.tsやその他のReact Routerの慣行を扱う際に使用します。

関連スキル