Agent skill · software engineering · affaan-m
frontend-patterns
Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.
Why this skill is useful
Provides specific React and Next.js patterns that enhance component design and state management, which the AI wouldn't reliably generate 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 和高效能使用者介面的現代前端模式。 元件模式 組合優於繼承 複合元件 Render Props 模式 自訂 Hooks 模式 狀態管理 Hook 非同步資料取得 Hook Debounce Hook 狀態管理模式 Context + Reducer 模式 效能優化 記憶化 程式碼分割與延遲載入 長列表虛擬化 表單處理模式 帶驗證的受控表單 Error Boundary 模式 動畫模式 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--b88d68