Skip to content
LiveNew tools this week
Submit
AIMarketly
agent-frontend-patterns logo

Frontend Development Patterns

agent-frontend-patterns

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

Dokhacgiakhoa/antigravity-ide0installs507stars

SKILL.md

Full skill instructions

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