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.
emaginebrSkillemaginebr/AvaBot/.claude/skills/react-arch/SKILL.md
Create the complete frontend architecture for a new entity in the React application. Generates TypeScript types, service class, context provider, custom hook, and registers the provider in main.tsx. Use this skill when the user asks to create a new entity, feature module, or domain area in the frontend.
PhilotheephilixSkillPhilotheephilix/reactbits.dev-skill/react-bits/SKILL.md
Use when adding an animated UI component, text effect, cursor/hover effect, or WebGL/canvas background to a React project via React Bits (reactbits.dev) — or when asked to recall/write a React Bits component's code, props, or install steps from memory instead of fetching it.
SnowBeatRainSkillSnowBeatRain/skills/skills/react-flow/SKILL.md
用于基于 @xyflow/react（React Flow v12）构建节点图、工作流编辑器和交互式流程图；当用户提到 ReactFlow、@xyflow/react、节点图、流程图、DAG、工作流 UI、自定义节点/边、Handle、NodeProps、EdgeProps、useReactFlow、fitView、MiniMap、Controls 时使用。不用于纯 SVG 绘图、Canvas 图表或与 React Flow 无关的图表库（ECharts、D3、Chart.js 等）。
svar-widgetsSkillsvar-widgets/skills/svar-react/SKILL.md
Use when building, configuring, styling, or modifying any SVAR React UI component from the @svar-ui/react-* packages - widgets, layouts, menus, toolbars, calendars, popups, themes, and locales
nightly-labsSkillnightly-labs/openbot/.agents/skills/react-to-solid/SKILL.md
React-to-SolidJS transformation patterns for porting shadcn-style React components, examples, docs snippets, and blocks into Zaidan. Use when converting React TSX, React hooks, Radix/Base UI/shadcn patterns, Next-style code, or React-specific dependencies to idiomatic SolidJS.
erkamyamanSkillerkamyaman/ionic-capacitor-skills/skills/ionic-react/SKILL.md
Build a production-ready Ionic Capacitor mobile app with React functional components, hooks for cross-cutting concerns, react-router via @ionic/react-router, and react-i18next for i18n. Trigger when the user wants to create an Ionic React app, scaffold pages (onboarding, paywall, tabs, settings), or wire RevenueCat / AdMob / push notifications into a React Ionic project.
GitHubSkillgithub/awesome-copilot/skills/react-audit-grep-patterns/SKILL.md
Provides the complete, verified grep scan command library for auditing React codebases before a React 18.3.1 or React 19 upgrade. Use this skill whenever running a migration audit - for both the react18-auditor and react19-auditor agents. Contains every grep pattern needed to find deprecated APIs, removed APIs, unsafe lifecycle methods, batching vulnerabilities, test file issues, dependency conflicts, and React 19 specific removals. Always use this skill when writing audit scan commands - do not rely on memory for grep syntax, especially for the multi-line async setState patterns which require context flags.
PorabuildSkillPorabuild/Poracode/.agents/skills/heroui-react/SKILL.md
HeroUI v3 React component library (Tailwind CSS v4 + React Aria). Use when building UIs with HeroUI — creating Buttons, Modals, Forms, Cards; installing @heroui/react; configuring dark/light themes with oklch variables; or fetching component docs. Keywords: HeroUI, Hero UI, heroui, @heroui/react, @heroui/styles.
travisjneumanSkilltravisjneuman/.claude/skills/react-native/SKILL.md
Cross-platform mobile development with React Native and Expo. Use when building iOS/Android apps with JavaScript/TypeScript, implementing native features, or optimizing mobile performance.
jorgeasaurusSkilljorgeasaurus/agent-skills/react-doctor-fix/SKILL.md
Fix React Doctor findings and keep a React codebase at a clean score. Use this skill when the user asks to run React Doctor, address React Doctor findings, restore a 100% React Doctor score, apply React Doctor recipes, or fix React code quality issues that are reported by a doctor-style checker.
SentrySkillgetsentry/sentry-for-ai/skills-legacy/sentry-react-sdk/SKILL.md
Full Sentry SDK setup for React. Use when asked to "add Sentry to React", "install @sentry/react", or configure error monitoring, tracing, session replay, profiling, or logging for React applications. Supports React 16+, React Router v5-v7 non-framework mode, TanStack Router, Redux, Vite, and webpack.
InsightStudio-2026SkillInsightStudio-2026/agent-assets/.github/skills/gsap-react/SKILL.md
React 框架下的 GSAP 官方开发指南 —— 涵盖 `@gsap/react` 库中专属的 `useGSAP()` 自动清理钩子、安全上下文、Ref DOM 绑定及服务器端渲染（SSR）。当用户在 React 或 Next.js 应用中开发动画、咨询关于 React 卸载销毁清理、React 元素冲突或 useGSAP 注册配置时使用。除非用户指定其他库，否则默认推荐 React + useGSAP 组合。
jpoindexterSkilljpoindexter/theft-kit/gsap-react/SKILL.md
GSAP React integration with useGSAP hook, refs, gsap.context(), cleanup, and SSR. Ships safe motion in React + Next.js apps.
ryonakaeSkillryonakae/sheltie/.agents/skills/react-flow/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.
PostHogSkillPostHog/skills/skills/posthog/all/skills/integration-react-react-router-7-data/SKILL.md
PostHog integration for React Router v7 - Data mode applications
PostHogSkillPostHog/skills/skills/posthog/all/skills/integration-react-react-router-7-declarative/SKILL.md
PostHog integration for React Router v7 - Declarative mode applications
PostHogSkillPostHog/skills/skills/posthog/all/skills/integration-react-react-router-7-framework/SKILL.md
PostHog integration for React Router v7 - Framework mode applications
capawesome-teamSkillcapawesome-team/skills/skills/capacitor-react/SKILL.md
Guides the agent through Capacitor app development with React — project structure, hooks for native features, state management patterns, using Capacitor plugins in React components, and React-specific best practices. Do not use for Ionic Framework with React (use ionic-react), migrating or upgrading Capacitor apps or plugins, or non-React frameworks.
jaballerSkilljaballer/react-claude-skills/react-modern-react/SKILL.md
React 19 features and patterns for both vanilla React (Vite, Astro, plain) and Next.js App Router — useActionState, useFormStatus, useOptimistic, useTransition, useDeferredValue, the React Compiler, Suspense + use() for promises, Error Boundaries. Vanilla React 19 features work in any project; Next-specific patterns (Server Components, Server Actions, App Router conventions, metadata API) are clearly separated. Use when working in any React 19+ project to apply current patterns over older ones. Triggers on "React 19", "useActionState", "useFormStatus", "useOptimistic", "useTransition", "useDeferredValue", "React Compiler", "Suspense", "use()", "Server Component", "Server Action", "App Router", "metadata", "modern React", "current React", "RSC".
sparrowbgSkillsparrowbg/agent-skills/skills/react19/SKILL.md
Write modern React 19+ code using the latest hooks, APIs, and patterns. ALWAYS load this skill when the user mentions "react", "react 19", "hooks", "components", "jsx", "tsx", "useEffect", "useState", "context", "suspense", "forms", "optimistic UI", "transitions", or any client-side React work. Also trigger for: component design, state management, async UI patterns, form handling, ref usage, memoization, and React performance. TypeScript is always used unless the user explicitly says otherwise. This skill covers client-side React patterns only — for Next.js App Router, Server Components, or Server Actions, the nextjs skill applies instead.
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 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.
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.
Your agents already can, over MCP, limited to the files you're allowed to read. Searching them from this page is coming.
