name	react-frontend
description	React-focused frontend guidance for component architecture, state flow, rendering boundaries, and maintainable UI systems. Use for plain React apps that are not specifically Next.js-first.
allowed-tools	Read, Write, Edit, Glob, Grep, Bash

React Frontend

This skill is the React-first counterpart to nextjs-react-expert.

Use it when the project uses React without needing Next.js-specific assumptions such as SSR, App Router, or server components.

Prefer the existing project architecture over introducing a new pattern.
Keep state ownership shallow and explicit.
Separate presentational UI from data-fetching and side effects when it improves maintainability.
Optimize rendering only after confirming an actual bottleneck.
Pair with frontend-design for UI/UX decisions.

name	react-frontend
description	React-focused frontend guidance for component architecture, state flow, rendering boundaries, and maintainable UI systems. Use for plain React apps that are not specifically Next.js-first.
allowed-tools	Read, Write, Edit, Glob, Grep, Bash

This skill is the React-first counterpart to nextjs-react-expert.

Use it when the project uses React without needing Next.js-specific assumptions such as SSR, App Router, or server components.

Prefer the existing project architecture over introducing a new pattern.
Keep state ownership shallow and explicit.
Separate presentational UI from data-fetching and side effects when it improves maintainability.
Optimize rendering only after confirming an actual bottleneck.
Pair with frontend-design for UI/UX decisions.

react-frontend