Run any Skill in Manus with one click

Get Started

agent-frontend-patterns

Stars453

Forks139

UpdatedFebruary 11, 2026 at 08:53

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

Installation

Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.

Run Skill in Manus

Source

Dokhacgiakhoa

Dokhacgiakhoa/Agent-skills-setup-for-AntiGravity

View GitHub Repository View Creator Repositories

Download

Run Skill in Manus

Related occupationsSOC

Based on SOC occupation classification

Software DevelopersComputer and Mathematical Occupations·SOC 15-1252

File Explorer

15 files

SKILL.md

readonly

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.

agent-frontend-patterns

Frontend Development Patterns

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

Frontend Development Patterns

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

agent-frontend-patterns

Frontend Development Patterns

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

More from this repository

More from this repository

Frontend Development Patterns

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