#react
6 skillsReact Component Library AGENTS.mdAGENTS.md for a React component library: composition-first APIs, prop naming rules, required Storybook stories, and accessibility checks that gate every new component.Claude Code · CodingClaude CodeAGENTS.mdReact Component Library AGENTS.mdAGENTS.md for a React component library: composition-first APIs, prop naming rules, required Storybook stories, and accessibility checks that gate every new component.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.@libraryCodingNext.js 15 App Router Project InstructionsCLAUDE.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.Claude Code · CodingClaude CodeCLAUDE.mdNext.js 15 App Router Project InstructionsCLAUDE.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.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.@libraryCodingAccessibility Rules for JSXA11y rules putting semantic HTML before ARIA, with concrete requirements for focus management, labels, and color contrast.Cursor · CodingCursor.cursor/rules/*.mdcAccessibility Rules for JSXA11y rules putting semantic HTML before ARIA, with concrete requirements for focus management, labels, and color contrast.Attach to TSX files in any React codebase to catch div-button soup, focus traps, and ARIA misuse while components are being written.@libraryCodingNext.js + React + TypeScript House StyleOpinionated App Router conventions covering server/client component boundaries, suspense, data fetching, and file naming.Cursor · CodingCursor.cursorrulesNext.js + React + TypeScript House StyleOpinionated App Router conventions covering server/client component boundaries, suspense, data fetching, and file naming.Drop into any Next.js 14+ App Router project with TypeScript to keep generated code aligned with server-first React conventions.@libraryCodingCopilot Instructions for Frontend CodebasesFrontend 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.GitHub Copilot · CodingGitHub Copilotcopilot-instructions.mdCopilot Instructions for Frontend CodebasesFrontend 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 in a React + TypeScript frontend when Copilot keeps inventing new state patterns, inline styles, and 400-line components that mix data fetching with markup.@libraryCodingReact Hooks DisciplineHard rules for effect dependencies, deriving state instead of syncing it, and when code earns extraction into a custom hook.Cursor · CodingCursor.cursor/rules/*.mdcReact Hooks DisciplineHard rules for effect dependencies, deriving state instead of syncing it, and when code earns extraction into a custom hook.Attach to TSX files in any React project to stop effect overuse, stale-closure bugs, and premature custom-hook abstraction.@libraryCoding