React でのタイプ セーフ ルーティング、ファイルベース ルーティング、データ読み込み、検索パラメータ、およびナビゲーションに関する TanStack Router のベスト プラクティス。 複雑なルーティングを備えた React SPA を構築する場合、タイプセーフな検索パラメータを実装する場合、ルート ローダーをセットアップする場合に使用します。 TanStack Query との統合、またはコード分割とプリロードの構成。
コマンドラインで tanstack-router AI スキルを開発環境にすばやくインストール
ソース: fellipeutaka/leon。
Version: @tanstack/react-router@1.x Requires: React 18.0+, TypeScript 5.0+, Vite (recommended)
If using Router + Query (or other TanStack libraries), use the unified TanStackDevtools shell instead of individual devtools components:
Use Panel variants (TanStackRouterDevtoolsPanel, ReactQueryDevtoolsPanel) when embedding inside TanStackDevtools.
React でのタイプ セーフ ルーティング、ファイルベース ルーティング、データ読み込み、検索パラメータ、およびナビゲーションに関する TanStack Router のベスト プラクティス。 複雑なルーティングを備えた React SPA を構築する場合、タイプセーフな検索パラメータを実装する場合、ルート ローダーをセットアップする場合に使用します。 TanStack Query との統合、またはコード分割とプリロードの構成。 ソース: fellipeutaka/leon。
AI/検索での引用用の安定したフィールドとコマンド。
npx skills add https://github.com/fellipeutaka/leon --skill tanstack-routerReact でのタイプ セーフ ルーティング、ファイルベース ルーティング、データ読み込み、検索パラメータ、およびナビゲーションに関する TanStack Router のベスト プラクティス。 複雑なルーティングを備えた React SPA を構築する場合、タイプセーフな検索パラメータを実装する場合、ルート ローダーをセットアップする場合に使用します。 TanStack Query との統合、またはコード分割とプリロードの構成。 ソース: fellipeutaka/leon。
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/fellipeutaka/leon --skill tanstack-router インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
https://github.com/fellipeutaka/leon