frontend-patterns

Name: frontend-patterns
Author: affaan-m

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

Content Preview

---
name: frontend-patterns
description: Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.
origin: ECC
---

# Frontend Development Patterns

Modern frontend patterns for React, Next.js, and performant user interfaces.

## When to Activate

- Building React components (composition, props, rendering)
- Managing state (useState, useReducer, Zustand, Context)
- Implementing data fetching (SWR, React Query, server components)
- Optimi

How to Use

Recommended: Install to project (local)

mkdir -p .claude/skills
curl -o .claude/skills/frontend-patterns.md \
  https://raw.githubusercontent.com/affaan-m/everything-claude-code/main/.agents/skills/frontend-patterns/SKILL.md

Skill is scoped to this project only. Add .claude/skills/ to your .gitignoreif you don't want to commit it.

Alternative: Clone full repo

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

Then reference at .agents/skills/frontend-patterns/SKILL.md