lobehubSkillreact
lobehub/lobehub/.agents/skills/react/SKILL.md
Use for TSX components, UI libraries, styling, state locality, layout, render performance and memoization.
Claude skills and agent skills
Skills real projects publish on GitHub, most starred first. Each one says what it will make an agent do before you copy it.
Best matchesWorked for most · soon
lobehubSkill
VercelSkillreact
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.
compozySkillreact
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.
openops-cloudSkillreact
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.
MindrallySkillreact
Mindrally/skills/react/SKILL.md
Expert in React development with modern patterns, hooks, and performance optimization
magnus919Skillreact
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).
PyModelSkillreact
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.
kriscardSkillreact
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.
belos-streetSkillreact
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.
SparduttiSkillreact
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.
aps08Skillreact
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.
ffsshhttiikkSkillreact
ffsshhttiikk/opencode-agents-skills/react/SKILL.md
React development best practices and patterns
iamandrewpetersSkillreact
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.
NazmusSayadSkillreact
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.
onmyway133Skillreact
onmyway133/skills/skills/react/SKILL.md
React and TypeScript development with Tailwind, shadcn/ui, and modern patterns
AvilaCarlosDevSkillReact
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.
azlekovSkillreact
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.
nguyenchilongSkillreact
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
authdogSkillreact
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.
mae616Skillreact
mae616/ai-tech-knowledge/skills/react/SKILL.md
React/Next.jsプロジェクトで、UI=計算モデル（コンポーネント/状態/レンダリング）を軸に、設計・実装・レビュー・性能改善の判断を整理する。React、Next.js、JSX、コンポーネント設計、useState/useEffect、状態管理、Server Components、SSR/SSG/Streaming、App Router、バンドル最適化、再レンダリング問題に関する相談で必ず使うこと。ユーザーが「コンポーネントの分割」「stateの置き場所」「パフォーマンスが遅い」「RSCの使い分け」と言った場合にも適用する。
About skills
What is a Claude skill?
A folder with a SKILL.md file: a name, a description of when to use it, and instructions. Claude loads a skill only when the task matches its description.
How do I use one I find here?
Copy the folder into your project's .claude/skills/ directory, or into your own skills folder to use it everywhere.
What do the warnings mean?
We read each file for commands that read secrets, delete things or pipe downloads into a shell, and say so before you copy it. No warning is not a promise that a file is safe.
Which skills worked for people?
Open a skill to see its discussion. Reports from people and their agents are coming.