Find the best CLAUDE.md, AGENTS.md and Claude skills

One search for your own team's files and the public ecosystem. See how real projects write their agent instructions, and bring the good ideas home.

Best matchesWorked for most · soon

“react”

lobehubSkill

react

lobehub/lobehub/.agents/skills/react/SKILL.md

Use for TSX components, UI libraries, styling, state locality, layout, render performance and memoization.

83k6d agoDiscuss

VercelSkill

react

vercel-labs/json-render/skills/react/SKILL.md

React renderer for json-render that turns JSON specs into React components. Use when working with @json-render/react, building React UIs from JSON, creating component catalogs, or rendering AI-generated specs.

18k10d agoDiscuss

compozySkill

react

compozy/compozy/.agents/skills/react/SKILL.md

Build React 19 components and hooks under React Compiler: state, Effects, memoization, props/refs, Actions, use(), compiler/lint setup, and Vitest tests. Excludes React Native, other frameworks, and backend-only Node.js.

2.8k9d agoDiscuss

openops-cloudSkill

react

openops-cloud/openops/.claude/skills/react/SKILL.md

Use when creating or editing frontend React code in react-ui or ui-components packages. Triggers on any frontend component, hook, or UI work.

1.1k3mo agoDiscuss

MindrallySkill

react

Mindrally/skills/react/SKILL.md

Expert in React development with modern patterns, hooks, and performance optimization

2588mo agoDiscuss

magnus919Skill

react

magnus919/agent-skills/react/SKILL.md

Operate React applications as a named tool: inspect and diagnose React/Vite projects, design component boundaries and state flow, implement accessible responsive UI, and verify behavior with the project's tests. Use when a task explicitly involves React, JSX/TSX, React hooks, React Router, Vite React configuration, or React build failures. Do not use for framework-agnostic frontend strategy (route to frontend-engineering), browser automation (route to playwright), accessibility policy or audits (route to web-accessibility), or non-React mobile apps (route to mobile-development).

1022mo agoDiscuss

PyModelSkill

react

PyModel/react-frontend-skills/skills/react/SKILL.md

Current React 19.3 guidance for concurrent rendering, Server Components, Actions, effects, React Compiler, View Transitions, state, and memoization. Use for React components and hooks. Next.js-specific routing/caching belongs to the nextjs skill; React Hook Form integration belongs to react-hook-form.

2314d agoDiscuss

kriscardSkill

react

kriscard/Skills/skills/dev/react/SKILL.md

Audits React and Next.js code for high-leverage runtime and rendering pitfalls, then routes to deep-dive references on useEffect anti-patterns, re-render causes, rendering model selection, React 19 APIs, and waterfall chains. Use when a .tsx or .jsx file is opened or reviewed, the user asks "is my React code good", mentions useEffect, re-renders, memoization, React Compiler, Server Components, Server Actions, SSR vs CSR, hydration, waterfalls, or bundle size. Triggers on React runtime/rendering reviews.

1454d agoDiscuss

belos-streetSkill

react

belos-street/skill-kit/skills/react/skill.md

React Hooks, TypeScript, component patterns, and modern React best practices. Use when writing React components, hooks, context, or using Suspense/ErrorBoundary/Lazy loading.

817d agoDiscuss

SparduttiSkill

react

Spardutti/claude-skills/skills/react/SKILL.md

MUST USE when writing or editing React components, hooks, state management, effects, performance, loading/empty states, Zustand stores, or styling. Covers React 19.2 (use, Actions, useActionState, useOptimistic, useFormStatus, ref as prop, Context provider, Activity), the Rules of Hooks, React Compiler v1.0 memoization, component splitting and custom hooks, composition over boolean props, useEffect avoidance, re-render performance, list keys, loading skeletons and empty states, Zustand client-state stores, and Tailwind v4 design tokens.

333d agoDiscuss

aps08Skill

react

aps08/fullstack-clean-architecture/.agents/skills/react/SKILL.md

Guidelines for the React frontend, TanStack ecosystem, and React 19 standards. Use when modifying the UI.

24mo agoDiscuss

ffsshhttiikkSkill

react

ffsshhttiikk/opencode-agents-skills/react/SKILL.md

React development best practices and patterns

27mo agoDiscuss

iamandrewpetersSkill

react

iamandrewpeters/claude-skills/react/SKILL.md

Use this skill when working on React development tasks including components, hooks, state management, context, routing, API calls, TypeScript with React, or debugging React applications.

27mo agoDiscuss

NazmusSayadSkill

react

NazmusSayad/skills/react/SKILL.md

React code style, conventions, best practices, and patterns for building clean, efficient, and scalable applications. MUST USE for writing or working with any React code, components, hooks, or JSX (.jsx, .tsx files), including editing, reviewing or refactoring.

29d agoDiscuss

onmyway133Skill

react

onmyway133/skills/skills/react/SKILL.md

React and TypeScript development with Tailwind, shadcn/ui, and modern patterns

27mo agoDiscuss

AvilaCarlosDevSkill

React

AvilaCarlosDev/openclaw-skills/react/SKILL.md

Builds, debugs, and reviews React apps: components, hooks, state, Server Components, forms, performance, testing. Use when writing or refactoring components, choosing state management (useState, Context, Zustand, TanStack Query, Redux), when a component rerenders too often, loops infinitely ("too many re-renders"), shows stale or not-updating state, fails with a hydration mismatch or hook-order error, when an effect fires twice or fetches race, when typing lags or long lists scroll slowly, when adopting React 19, Server Actions, or the React Compiler, when testing components with Testing Library, typing props in TypeScript, or reviewing AI-generated React code. Not for React Native (mobile) or Next.js routing and deployment — use react-native or nextjs.

114d agoDiscuss

azlekovSkill

react

azlekov/my-claude-code/skills/react/SKILL.md

This skill should be used when the user asks to "create a React component", "use React hooks", "handle state", "implement forms", "use useOptimistic", "use useActionState", "create Server Components", "add interactivity", or discusses React patterns, component architecture, or state management. Always use the latest React version and modern patterns.

19mo agoDiscuss

nguyenchilongSkill

react

nguyenchilong/claude-skills-fullstacks/react/SKILL.md

SKILL.md --- name: react-enterprise-standards version: 1.1 context: fork description: Enterprise React and React Native standards for architecture, coding, security, testing, realtime, GraphQL, offline-first, and more. allowed-tools: Read

14mo agoDiscuss

authdogSkill

react

authdog/agent-skills/skills/react/SKILL.md

Add authdog's presentational UI (navbar, user profile, dropdown, TOTP input) to a React 18+ app with @authdog/react-elements. This is a UI-only kit; it does not provide a session, provider, or access control. Use when the user asks to add authdog UI components to a React app.

016d agoDiscuss

conjure-3301Skill

react

conjure-3301/skills/react/SKILL.md

React-specific attack surface: hydration mismatch, dangerouslySetInnerHTML, prototype pollution via state

047d agoReads credentialsDiscuss

CLAUDE.md vs AGENTS.md

Agent instruction files

What are agent instruction files?

Plain text files in a repository that tell a coding agent how the project works: commands to run, conventions to follow and things to avoid. CLAUDE.md, AGENTS.md, cursor rules and skills are the common kinds.

CLAUDE.md or AGENTS.md?

CLAUDE.md is read by Claude Code. AGENTS.md is an open format that Codex, Cursor and other agents read. Many projects keep one and point the other at it.

What is a skill?

A folder with a SKILL.md that describes one capability, such as filling PDFs or reviewing code. The agent loads it only when the task calls for it.

Can I search my own team's files too?

Your agents already can, over MCP, limited to the files you're allowed to read. Searching them from this page is coming.