react-best-practices

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

チームには、再利用可能なエージェントの知識とワークフローを一貫した方法でパッケージ化する仕組みが必要です。このスキルは、Claude、Codex、Claude Code をスキルの設計、作成、検証、パッケージ化へ導きます。

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

boolean props が多い React コンポーネントは、保守やレビューが難しくなります。この skill は、compound components、明示的な variants、provider ベースの state に関する明確なパターンをエージェントに提供します。

React Native アプリでは、低速なリスト、ぎこちないアニメーション、プラットフォーム特有のミスが発生することがあります。このスキルは、パフォーマンスの高い Expo および React Native 開発のための簡潔なルールを Codex、Claude、Claude Code に提供します。

Next.js プロジェクトは、境界の不明確さ、遅いデータ取得、デプロイのミスによって失敗することがよくあります。このスキルは、Claude、Codex、Claude Code に、最新の App Router 作業に集中したルールを提供します。

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

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

Next.jsチームは、ルート、コンポーネント、データ読み込み、移行手順の選択に苦労することがあります。このスキルは、App Router、Server Components、パフォーマンスに関する構造化されたアーキテクチャ指針を提供します。

コードレビューでは、品質、セキュリティ、保守性の問題を見落とすことがあります。このスキルは、スクリプト、チェックリスト、レポート生成を使って構造化されたレビューを支援します。

Vue プロジェクトでは、時間の経過とともに reactivity、component、performance に関するミスが蓄積しがちです。このスキルは、より安全なパターンと明確なコードのために、Vue 3 に特化したガイダンスを提供します。

Go サービスは、明確な根拠がないまま低速化したりメモリ使用量が増えたりすることがあります。このスキルは、プロファイリング、割り当て分析、並行処理のチューニング、ベンチマーク主導の最適化をガイドします。