CtrlK
BlogDocsLog inGet started
Tessl Logo

agent-frontend-patterns

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

47

Quality

35%

Does it follow best practices?

Impact

Pending

No eval scenarios have been run

SecuritybySnyk

Passed

No known issues

Optimize this skill with Tessl

npx tessl skill review --optimize ./.agent/skills/agent-frontend-patterns/SKILL.md
SKILL.md
Quality
Evals
Security

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

Repository
Dokhacgiakhoa/antigravity-ide
Last updated
Created

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.