frontend-patterns

Quick Review

Excellent frontend patterns skill providing comprehensive, production-ready code examples for React/Next.js development. Covers component patterns (composition, compound components, render props), custom hooks (state management, data fetching, debounce), performance optimization (memoization, code splitting, virtualization), form handling, error boundaries, animations, and accessibility. The patterns are well-structured with clear examples and good/bad practice indicators. The description accurately reflects capabilities, enabling a CLI agent to understand when to invoke this skill. Task knowledge is strong with complete, copy-paste ready TypeScript code. Structure is logical with clear sections, though consolidating related patterns could improve navigation. Novelty is moderate-to-good: while these are established patterns, having them consolidated with TypeScript examples and best practices saves significant tokens and provides immediate value over a CLI agent searching documentation. Minor improvement areas: could benefit from Next.js-specific patterns (given the description mentions it), server components examples, and performance measurement guidance.