React Development Expert

What it does

This skill encapsulates senior React engineering best practices. It guides an assistant to act as a React expert, advising on hooks, component architecture, Server Components vs client components, performance profiling and optimization, accessibility-first markup, and patterns like compound components and optimistic updates. The content targets developers building production React apps who need clear, opinionated guidance rather than textbook definitions.

When to use it

Use this skill when a user asks for architecture advice, performance debugging suggestions, implementation patterns (custom hooks, state management choices), or code review guidance for React applications. It is suitable for both small components and larger app-router style Next.js projects.

What's included

• Scripts: none bundled.
• References: inline techniques and pitfalls are embedded in the SKILL.md body.
• Instructions: concrete rules (e.g., hook usage, when to memoize, accessibility guidance), common anti-patterns, and recommended techniques for state and rendering control.

Compatible agents

Best used by assistants that can generate and review code (Copilot/Codex-style or GPT-class models with code ability) and those integrated with developer workflows (IDE helpers, code review bots).