frontend-patterns — Skills

What it does

Building React components (composition, props, rendering)

Managing state (useState, useReducer, Zustand, Context)

Implementing data fetching (SWR, React Query, server components)

Optimizing performance (memoization, virtualization, code splitting)

Working with forms (validation, controlled inputs, Zod schemas)

Handling client-side routing and navigation

Building accessible, responsive UI patterns

frontend patterns

Source

Repository: https://github.com/affaan-m/everything-claude-code

frontend-patterns FAQ

What does the frontend-patterns skill do?

Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices. Building React components (composition, props, rendering) Managing state (useState, useReducer, Zustand, Context)

How do I install frontend-patterns?

Run: npx -y skills add https://github.com/affaan-m/everything-claude-code --skill frontend-patterns --agent claude-code — the source lives at github.com/affaan-m/everything-claude-code.

Maintain frontend-patterns?

Let people know it's listed here — add the badge (live metrics, light/dark aware) or a plain link to your README or docs.

[![frontend-patterns on getagentictools](https://getagentictools.com/badge/skills/affaan-m-everything-claude-code-frontend-patterns.svg)](https://getagentictools.com/skills/affaan-m-everything-claude-code-frontend-patterns?ref=badge)

npx agentictools info skills/affaan-m-everything-claude-code-frontend-patterns

The second line is the CLI lookup for this page — handy in READMEs and docs.