deckardger/tanstack-router-best-practices

TanStack Routerのベストプラクティス:型安全なルーティング、データローディング、検索パラメータ、ナビゲーション。複雑なルーティングが必要なReactアプリケーションを構築する際に有効化します。

tanstack-router-best-practices とは?

このスキルは、TanStack Routerを使用するReactアプリケーションにおいて、型安全なルーティング、データローディング、検索パラメータ、ナビゲーションを実現するためのベストプラクティスを提供します。型推論を最大限に活用することで、ルート定義やリンク、データフェッチにおけるコンパイル時エラーチェックを強化し、ランタイムエラーを削減します。また、LoaderやSearchParamsの定義方法、効率的なナビゲーション戦略についてもガイドラインを示します。主にClaude CodeやCursorなどのAIコーディングエージェント向けに設計されており、複雑なルーティング要件を持つエンタープライズ級のReactプロジェクトで特に有用です。SKILL.mdに基づき、エージェントは型安全なコード生成やリファクタリングを支援し、開発者の生産性とコード品質を向上させます。

対応~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/deckardger/tanstack-agent-skills/tree/main/skills/tanstack-router-best-practices

Installed? Explore more 生産性&コラボレーション skills: steipete/gemini, steipete/gh-issues, steipete/skill-creator · View all 6 →

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

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

ドキュメント

tanstack-router-best-practices は何をしますか?

TanStack Routerのベストプラクティス:型安全なルーティング、データローディング、検索パラメータ、ナビゲーション。複雑なルーティングが必要なReactアプリケーションを構築する際に有効化します。

Individual skills in this repo

This repo contains 3 individual skills — each has its own dedicated page.

関連スキル