agent-frontend-patterns
Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.
32
Quality
27%
Does it follow best practices?
Run evals on this skill
Adds up to 20 points to the overall score
View guide
Securityby
Passed
No findings from the security scan
Fix and improve this skill with Tessl
tessl review fix ./.agent/skills/agent-frontend-patterns/SKILL.mdFrontend Development Patterns
Modern frontend patterns for React, Next.js, and performant user interfaces.
Component Patterns
🧠 Knowledge Modules (Fractal Skills)
1. Composition Over Inheritance
2. Compound Components
3. Render Props Pattern
4. State Management Hook
5. Async Data Fetching Hook
6. Debounce Hook
7. Context + Reducer Pattern
8. Memoization
9. Code Splitting & Lazy Loading
10. Virtualization for Long Lists
11. Controlled Form with Validation
12. Framer Motion Animations
13. Keyboard Navigation
14. Focus Management
- Repository
- Dokhacgiakhoa/antigravity-ide
- Commit
c4a059b
- Last updated
- First committed
Is this your skill?
If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.