agent-frontend-patterns

star 444

Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.

Dokhacgiakhoa By Dokhacgiakhoa schedule Updated 2/11/2026

name: agent-frontend-patterns description: Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices. author: affaan-m version: 4.1.0-fractal

Frontend 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

Install via CLI
npx skills add https://github.com/Dokhacgiakhoa/antigravity-ide --skill agent-frontend-patterns
Repository Details
star Stars 444
call_split Forks 137
navigation Branch main
article Path SKILL.md
More from Creator
Dokhacgiakhoa
Dokhacgiakhoa Explore all skills →