web-navigation

React Nativeアプリでは、リストの遅さ、余分なレンダー、JSスレッドの停止が発生することがあります。このスキルは、より高速なFlatList画面、メモ化されたコンポーネント、最適化されたセレクター、キャッシュされた画像、プロファイリングのための重点的なパターンを提供します。

React チームは、Zustand を使用する際に古い state、レンダータイミング、非同期 action のバグに直面することがあります。このスキルは、store、selector、派生 state、テスト、デバッグ、永続化のための直接的なパターンを提供します。

React のデプロイ設定は反復的でミスが起きやすい場合があります。このスキルは、Vercel、Netlify、Docker、CI/CD、環境、監視に関する実践的な例を提供します。

React Nativeチームは、古くなった状態、非同期アクションのタイミング、回避可能なレンダーに時間を奪われがちです。このスキルは、ストアの振る舞いを推論、テスト、デバッグしやすくするZustandパターンを提供します。

React Nativeのスタイリングは、テーマ、画面、プラットフォーム間で一貫性が失われやすくなります。このスキルは、Expoアプリ向けに実用的なNativeWindとBrandColorsのパターンを提供します。

サイレントな失敗や不十分なエラーメッセージは、モバイルのバグ診断を難しくします。このスキルは、ログ、エラー、トレース、安全なレポート作成のための実用的なReact Nativeパターンを提供します。

フルスタックプロジェクトでは、一貫したセットアップ、アーキテクチャ選定、品質チェックが必要になることがよくあります。このスキルは、React、Next.js、Node.js、GraphQL、PostgreSQL の作業向けにスクリプトとリファレンスを提供します。

React view transitions は配置を誤りやすく、意図しない静かなアニメーションや目立つアニメーションを引き起こします。このスキルは、route、Suspense、list、shared element のアニメーション選択を導きます。

React TypeScript の作業では、event、hook、route の正確な型が必要になることがよくあります。このスキルは、型付きcomponents、React 19 APIs、routing に焦点を当てたパターンを提供します。

フロントエンドチームには、プロジェクト間で一貫したReactおよびNext.jsのガイダンスが必要です。このスキルは、フロントエンド分析のためのリファレンスワークフロー、品質プラクティス、ヘルパースクリプトを提供します。

Next.js アプリケーションは、大きなバンドル、弱いキャッシュ、最適化されていないメディアによって遅くなることがあります。このスキルは、Claude、Codex、Claude Code が本番アプリ向けに的を絞ったパフォーマンス改善を行えるよう支援します。

React と Next.js アプリは、ウォーターフォール、大きなバンドル、回避可能な再レンダリングによって速度が低下しがちです。このスキルは、エージェントがより安全にパフォーマンス重視の変更を行うための具体的なルールを提供します。