#react

6 skills

Skills

React Component Library AGENTS.md

AGENTS.md for a React component library: composition-first APIs, prop naming rules, required Storybook stories, and accessibility checks that gate every new component.

Use when: Use in a repository that publishes reusable React components so agents design composable prop APIs, write stories alongside components, and treat accessibility failures as build failures.

GoodPrompts Library

0 0 0

Claude CodeCLAUDE.md

Next.js 15 App Router Project Instructions

CLAUDE.md template for Next.js 15 App Router projects: server-component defaults, data-fetching rules, file layout, and the commands an agent should run before committing.

Use when: Drop into the root of a Next.js 15+ project using the App Router so coding agents follow your server/client component boundaries and caching conventions instead of guessing.

GoodPrompts Library

0 0 0

Cursor.cursor/rules/*.mdc

Accessibility Rules for JSX

A11y rules putting semantic HTML before ARIA, with concrete requirements for focus management, labels, and color contrast.

Use when: Attach to TSX files in any React codebase to catch div-button soup, focus traps, and ARIA misuse while components are being written.

GoodPrompts Library

0 0 0

Cursor.cursorrules

Next.js + React + TypeScript House Style

Opinionated App Router conventions covering server/client component boundaries, suspense, data fetching, and file naming.

Use when: Drop into any Next.js 14+ App Router project with TypeScript to keep generated code aligned with server-first React conventions.

GoodPrompts Library

0 0 0

GitHub Copilot.github/copilot-instructions.md

Copilot Instructions for Frontend Codebases

Frontend conventions for Copilot: a strict component file layout, an explicit decision tree for where state lives, and one CSS approach instead of three competing ones.

Use when: Use in a React + TypeScript frontend when Copilot keeps inventing new state patterns, inline styles, and 400-line components that mix data fetching with markup.

GoodPrompts Library

0 0 0

Cursor.cursor/rules/*.mdc

React Hooks Discipline

Hard rules for effect dependencies, deriving state instead of syncing it, and when code earns extraction into a custom hook.

Use when: Attach to TSX files in any React project to stop effect overuse, stale-closure bugs, and premature custom-hook abstraction.

GoodPrompts Library

0 0 0