Agent skill · software engineering · affaan-m
frontend-patterns
React、Next.js、状態管理、パフォーマンス最適化、UIベストプラクティスのためのフロントエンド開発パターン。
Why this skill is useful
Provides specific patterns and best practices for React and Next.js that enhance UI performance and state management, which the AI may not generate reliably on its own.
What it needs
About 6k tokens when loaded. Last updated 2026-08-06. 238,342 stars on the source repository.
What this skill does
フロントエンド開発パターン React、Next.js、高性能ユーザーインターフェースのためのモダンなフロントエンドパターン。 コンポーネントパターン 継承よりコンポジション 複合コンポーネント レンダープロップパターン カスタムフックパターン 状態管理フック 非同期データ取得フック デバウンスフック 状態管理パターン Context + Reducerパターン パフォーマンス最適化 メモ化 コード分割と遅延読み込み 長いリストの仮想化 フォーム処理パターン バリデーション付き制御フォーム エラーバウンダリパターン アニメーションパターン Framer Motionアニメーション アクセシビリティパターン キーボードナビゲーション フォーカス管理 覚えておいてください: モダンなフロントエンドパターンにより、保守可能で高性能なユーザーインターフェースを実装できます。プロジェクトの複雑さに適したパターンを選択してください。
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills affaan-m/frontend-patterns--e1029c