change-fabricSkillcf:react
change-fabric/change-fabric/skills/react/SKILL.md
React predictable-UI rubric. Auto-applied by the cf shim on every React component change; also invocable directly.
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 matches · from page 3Worked for most · soon
change-fabricSkill
dlupiakSkillreact-rules
dlupiak/claude-session-dashboard/.claude/skills/react-rules/SKILL.md
React and component patterns
SentrySkillreact-testing
getsentry/sentry/.agents/skills/react-testing/SKILL.md
Write and review React/TypeScript tests for Sentry's frontend using Jest and React Testing Library. Use when adding or editing tests in static/ (*.spec.tsx), writing component/hook tests, mocking API responses with MockApiClient, testing routing or network requests, or when asked to "write a frontend test", "add a React test", "test this component", or "fix a flaky RTL test".
cosmixSkillloom-react
cosmix/loom/skills/loom-react/SKILL.md
Modern client-side React development patterns. Not for: a loom-hooks shell script or a stage's lifecycle state.
DynatraceSkilldt-setup-react-native
Dynatrace/dynatrace-for-ai/skills/dt-setup-react-native/SKILL.md
Integrate the Dynatrace React Native Plugin into a React Native or Expo project — dependency setup, dynatrace.config.js, Babel registration, npx instrumentation, navigation tracking, user privacy options, and verification. Handles both bare React Native and Expo (babel-preset-expo) Babel configuration automatically. Trigger: "add Dynatrace to React Native", "React Native plugin setup", "instrument React Native app", "integrate Dynatrace RN", "mobile observability React Native", "react-native-plugin", "dynatrace react native", "add Dynatrace to Expo", "instrument Expo app", "Dynatrace Expo setup". Do NOT use for: querying RN RUM data (use dt-obs-frontends), non-React Native mobile setups, or Dynatrace server-side configuration.
framaraSkillreact-flow
framara/react-flow-skill/SKILL.md
Expert guidance for React Flow (@xyflow/react): building interactive node-based graphs, custom nodes and edges, handles, state management, layouting, TypeScript patterns, performance optimization, and theming. Use when writing React Flow code, creating custom nodes or edges, debugging flow issues, optimizing graph performance, integrating with Zustand, or building canvas-based UIs with React Flow.
nico-martinSkillreact-spa
nico-martin/skills/react-spa/SKILL.md
Build React Single Page Applications with TypeScript, Vite, Tailwind CSS v4+, and lucide-react. Follows a structured architecture with theme components, utilities, and strict TypeScript patterns. Optimized for small demo applications with best practices for performance, code organization, and maintainability.
salimramirezSkillddd-react
salimramirez/agent-skills/skills/ddd-react/SKILL.md
Structure a React frontend with Domain-Driven Design — bounded-context feature folders, a domain layer of immutable entity and command classes that carry behaviour, assemblers as an anti-corruption layer against the backend API, Zustand stores, and a presentation layer of routed views and reusable components. Use when organizing or refactoring a React app by business domain rather than by technical type, isolating API payloads from the app's own model, or deciding where business logic belongs on the frontend. It carries the DDD design rules it depends on, so it works on its own. Not for styling, React framework how-to, or backend domain modeling.
compozySkillreact-doctor
compozy/compozy/.agents/skills/react-doctor/SKILL.md
Use when finishing a feature, fixing a bug, before committing React code, or when the user types `/doctor`, asks to scan, triage, or clean up React diagnostics. Covers lint, accessibility, bundle size, architecture. Includes a regression check and a full local-triage workflow that fetches the canonical playbook.
MindrallySkillreact-query
Mindrally/skills/react-query/SKILL.md
Guidelines for using React Query for data fetching, caching, and server state synchronization in React applications
edorabma9304Skillreact-pdf
edorabma9304/Claude-Skill-by-Ozolab-Indonesia/skills/react-pdf/SKILL.md
name: react-pdf description: "Generate PDF documents using React-PDF library (@react-pdf/renderer). Use when creating PDFs, generating documents, reports, invoices, forms, or when user mentions PDF generation, document
gaia-reactSkillreact-code
gaia-react/gaia/.claude/skills/react-code/SKILL.md
Patterns and conventions for writing and editing React code, including components and hooks. Use this skill whenever writing or reviewing React components, hooks (useEffect, useCallback, useState), event handlers, or component extraction decisions. Also trigger when debugging stale closures, infinite re-renders, or unnecessary re-renders caused by memoization issues, or when deciding whether to add a dependency, reach for a web-platform API (Intl, URL, crypto.randomUUID), or hand-roll a primitive. Also trigger when choosing a React 19 idiom, deciding between forwardRef and ref-as-prop, useContext and use(), or Context.Provider and the Context shorthand; when conditional rendering risks the && numeric-0 leak; or when tempted to reach for React's form Actions (useActionState, useFormStatus, useOptimistic) instead of React Router's form handling.
resendSkillreact-email
resend/resend-skills/skills/react-email/SKILL.md
Use when building HTML email templates with React components, adding a visual email editor to an application using the React Email visual editor, rendering emails to HTML, or sending emails with Resend. Covers welcome emails, password resets, notifications, order confirmations, newsletters, transactional emails, and the embeddable email editor component.
AnthropicSkillreactivate
anthropics/knowledge-work-plugins/small-business/skills/reactivate/SKILL.md
Wins back customers who have quietly stopped buying — finds the ones whose gap has stretched past their own normal rhythm or who are showing churn signals, ranks them by what the relationship was worth, drafts a win-back message per customer in the owner's voice, and sends and logs only what the owner approves. Chains review-reputation, outreach-composer, and crm-autopilot, and keeps the rule that the first touch acknowledges the gap without pitching. Use this whenever the owner is worried about customers drifting away, including phrasings like "who hasn't ordered in a while," "win back my old customers," "which customers have gone quiet," "we lost some regulars," "reach out to the people who stopped calling," or "how do I get them back." Reach for it when the owner names a customer they have not heard from, as readily as for a full win-back campaign.
hkarpinenSkillreact-spa
hkarpinen/agent-skills/react-spa/SKILL.md
React single-page application stack — Vite, TanStack Query, TanStack Router, Tailwind CSS, Radix UI, React Hook Form + Zod, and Axios. Use when building or scaffolding a React SPA, setting up routing, managing server state, creating forms with validation, styling components, or structuring a frontend project. Architecture agnostic — does not prescribe how the backend is organized. Does NOT cover SSR/SSG (Next.js) or native mobile (React Native).
jaansokkSkillreact-dev
jaansokk/cursor_tools/.claude/skills/react-dev/SKILL.md
React frontend conventions for this project. Use when building or modifying React components, hooks, state management, styling, or frontend tests.
jaansokkSkillreact-dev
jaansokk/cursor_tools/.cursor/skills/react-dev/SKILL.md
React 18+ development: components, hooks, state, effects, TypeScript, Tailwind CSS, performance, accessibility, testing, and security. Use when building or modifying React UI, state management, hooks/effects, forms, styling, or frontend tests.
llama-farmSkillreact-skills
llama-farm/llamafarm/.claude/skills/react-skills/SKILL.md
React 18 patterns for LlamaFarm Designer. Covers components, hooks, TanStack Query, and testing.
OpenAISkillreact-three-fiber-game
openai/plugins/plugins/game-studio/skills/react-three-fiber-game/SKILL.md
Build React-hosted 3D browser games with React Three Fiber. Use when the user wants pmndrs-based scene composition, shared React state, and 3D HUD integration inside a React app.
alinaqiSkillreact-native
alinaqi/maggy/skills/react-native/SKILL.md
React Native mobile patterns, platform-specific code
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.