
Frontend Patterns
A solid reference for React and Next.js patterns that covers the fundamentals you actually reach for: composition patterns, custom hooks for common scenarios like debouncing and async state, and performance tricks like memoization and virtualization. The examples are TypeScript based and follow modern conventions. Worth installing if you're tired of re-googling "how to implement compound components" or want consistent patterns for form validation and error boundaries. The accessibility section on keyboard navigation and focus management is a nice touch. It won't teach you frontend from scratch, but it's a good baseline for teams wanting to standardize their React architecture without bikeshedding every component.
- skills.sh installs
- 638
- GitHub stars
- 33.2K
- last updated
- Aug 21, 2026
Install
$ npx -y skills add davila7/claude-code-templates --skill frontend-patterns --agent claude-codeInstalls into .claude/skills of the current project.
Files
A solid reference for React and Next.js patterns that covers the fundamentals you actually reach for: composition patterns, custom hooks for common scenarios like debouncing and async state, and performance tricks like memoization and virtualization. The examples are TypeScript based and follow modern conventions. Worth installing if you're tired of re-googling "how to implement compound components" or want consistent patterns for form validation and error boundaries. The accessibility section on keyboard navigation and focus management is a nice touch. It won't teach you frontend from scratch, but it's a good baseline for teams wanting to standardize their React architecture without bikeshedding every component.
Browse the repository on GitHubSponsors
Details
- Repository
- github.com/davila7/claude-code-templates
- Categories
- Frontend Development, Debugging
- First seen
- May 16, 2026
More from davila7/claude-code-templates
All 618- Agent Evaluation637
- Nextjs Best Practices632
- Gdpr Dsgvo Expert627
- Peer Review612
- Prompt Engineering604
- Web Design Guidelines603
- Cto Advisor595
- Latex Posters592
- Context Window Management587
- Humanizer585
- Product Manager Toolkit585
- Agent Memory Mcp575
- I18n Localization570
- Audiocraft Audio Generation569
- Agent Manager Skill568
- Research Lookup567
- Seaborn565
- Tailwind Patterns564
- Brainstorming562
- Feature Design Assistant559
- Nodejs Best Practices558
- Planning With Files558
- Product Strategist558
- Seo Fundamentals556