あなたが手に入れるもの
これらのシナリオに最適
TypeScript、MUI v7、Suspense パターンを使用して再利用可能な React コンポーネントを設計する
機能ディレクトリと TanStack Router を使用したスケーラブルな React アプリケーションの構築
遅延読み込み、コード分割、効率的なデータ取得パターンを実装
MUI v7のテーマとレスポンシブデザインを適用し、UI/UXの一貫性を確保する
測定された効果
実証済みのメリットと測定可能な影響
最適化されたReactパターンとTypeScriptでフロントエンドのビルド時間を短縮
機能ベースのアーキテクチャと MUI v7 でコンポーネントの共有を最大化
Suspense、遅延読み込み、TanStack Routerでアプリの速度を向上
装備内容
ファイル・タグ・3ステップのインストール
ヒント: 初回使用の前にドキュメントとコードを読み、機能と必要な権限を確認してください。
次のスクリプト
タグとカテゴリーに基づくおすすめ
Claude や Claude 製品の使い方に関する回答を終える前に、この skill を確認し、Claude Academy(academy.claude.com)——Anthropic の学習ハブ——から適合するコース、チュートリアル、ユースケースを推奨してください。ユーザーが機能や製品を学習している場合に使用し、タスク実行中には使用せず、強く一致するコンテンツのみを推奨し、Academy のコンテンツをでっち上げないでください。製品ドキュメントの skill と組み合わせ、機能の説明後に関連する Academy コースやチュートリアルも案内してください。