React skills

3,708 tagged React, measured the same way as everything else here.

Browse within: javascript 339nextjs 294ab-testing 201best-practices 175coding-standards 174flutter 172nestjs 172nodejs 114cms 88graphql 87video 81angular 79tauri 79serverless 77

oxy-custom-apps

97

oxy-hq/oxygen

Skill Claude CodeCodex

Use when building, debugging, reviewing, shipping, or verifying an Oxy custom-app bundle (a code-first React/Vite app served by Oxy at /customer-apps/ / /), including writing Oxy Functions, driving them from the UI, and checking a published app in the browser with the Playwright MCP server (no CI checks a published…

not rated 203 changed yesterday A 220 tokens original Apache-2.0

Weaverse/weaverse

Skill Claude Code needs its repo

Use when releasing @weaverse/ npm packages, bumping SDK versions, publishing to npm, or shipping the Weaverse SDKs. Triggers on "release sdk", "release weaverse", "publish packages", "release core", "release schema", "bump sdk version", "ship sdks".

not rated 196 +1 changed 7d ago A SkillSpector: warn 70 tokens original MIT

Hex1b.McpServer

99

mitchdenny/hex1b

Skill Claude CodeCodex

This skill provides guidance for AI agents working with the Hex1b TUI (Terminal User Interface) library and its MCP diagnostic tools.

not rated 179 2d ago A SkillSpector: pass 0 tokens original MIT

spiceflow

100

remorses/spiceflow

Skill Claude CodeCodex

Spiceflow is a super simple, fast, and type-safe API and React Server Components framework for TypeScript. Works on Node.js, Bun, and Cloudflare Workers. ALWAYS load this skill BEFORE writing or editing ANY spiceflow code, including one-line changes: routes, pages, layouts, loaders, server actions, forms…

not rated 168 +1 changed 6d ago A SkillSpector: warn 159 tokens original MIT

senior-frontend

101

yezannnnn/agentGroup

Skill Claude CodeCodex

Frontend development skill for React, Next.js, TypeScript, and Tailwind CSS applications. Use when building React components, optimizing Next.js performance, analyzing bundle sizes, scaffolding frontend projects, implementing accessibility, or reviewing frontend code quality.

not rated 150 5mo ago A 52 tokens original MIT

instructa/agent-skills

Skill Claude CodeCodex

Build, critique, and iterate high-converting marketing or product landing pages using React + Vite + TypeScript + Tailwind and shadcn/ui components, with all icons sourced from Iconify. Use when the user asks for a landing page, sales page, signup page, CRO improvements, above-the-fold vs below-the-fold structure…

not rated 139 today A 95 tokens

IgniteUI/igniteui-cli

Skill Claude Code

Identify and select the right Ignite UI Web Components for your app UI, then navigate to official docs, usage examples, and API references.

not rated 136 today A SkillSpector: pass 34 tokens original MIT

fredm00n/framerlabs

Skill Claude Code

Create Framer Code Components and Code Overrides. Use before writing or editing any .tsx for Framer, including deciding whether a feature needs code at all. Covers building custom React components for Framer, writing Code Overrides (HOCs) to modify canvas elements, implementing property controls, working with Framer…

not rated 136 changed 4d ago A Socket: passSnyk: passSkillSpector: pass 93 tokens original MIT

antd

105

ant-design/antd-skill

Skill Claude Code needs its repo

Use when the user's task involves Ant Design (antd) — writing antd components, debugging antd issues, querying antd APIs/props/tokens/demos, migrating between antd versions, or analyzing antd usage in a project. Triggers on antd-related code, imports from 'antd', or explicit antd questions.

not rated 136 6mo ago A Socket: passSnyk: pass 69 tokens original MIT

spotpatch

106

huanglvjing/spotpatch

Skill Codex

A development workflow for React that connects a selected page element to its JSX or TSX source code and gathers context for review.

not rated 134 4d ago A SkillSpector: warn 93 tokens original MIT

remix-run/agent-skills

Skill Claude CodeCodex

Build React applications using React Router's data mode with createBrowserRouter and RouterProvider. Use when working with route objects, loaders, actions, Form, useFetcher, or pending/optimistic UI without the Vite plugin.

not rated 134 4mo ago A Socket: passSnyk: pass 50 tokens original MIT archived

story

108

one-ie/one

Skill Claude CodeCodex

Turn what someone says into seven beats, a promise with one checkable proof, and a story spoken back in their own words.

not rated 131 10d ago A 28 tokens

r3f-fundamentals

109

EnzeD/r3f-skills

Skill Claude CodeCodex

Set up React Three Fiber scenes, Canvas, typed JSX, hooks, and resource ownership. Use for scene architecture and render-loop setup, rather than detailed materials or effects.

not rated 130 +2 changed 1mo ago A Socket: passSnyk: pass 42 tokens

install-next

110

foxted/rsc-boundary

Skill Claude CodeCodex

Installs and wires @rsc-boundary/next into a Next.js App Router app (dependencies, root layout provider, optional explicit markers). Use when the user wants to add RSC Boundary, integrate @rsc-boundary/next, or set up server/client boundary devtools in Next.js. The unscoped rsc-boundary package on npm is deprecated …

not rated 129 1mo ago A SkillSpector: pass 82 tokens original MIT

next-best-practices

111

agutinbaigo28/financial-agent-api

Skill Claude Code

Next.js best practices - file conventions, RSC boundaries, data patterns, async APIs, metadata, error handling, route handlers, image/font optimization, bundling.

not rated 128 1mo ago A 38 tokens

s-fetch

112

cyberchitta/scrapling-fetch-mcp

Skill Claude Code

Fetch a URL directly with scrapling's bot-detection bypass. Use when the user asks to fetch, curl, or scrape a URL from a bot-protected site.

not rated 124 +2 yesterday A 37 tokens copy · 81% Apache-2.0

animate

113

delphi-ai/animate-skill

Skill Claude CodeCodex

Animation patterns and best practices for Next.js/React applications. Use this skill when implementing animations, transitions, hover effects, page transitions, modals, or any motion in React components. Based on Emil Kowalski's "Animations on the Web" course.

not rated 124 +7 8mo ago A 54 tokens

bartstc/vite-ts-react-template

Skill Claude CodeCodex

Master TypeScript's advanced type system including generics, conditional types, mapped types, template literals, and utility types for building type-safe applications. Use when implementing complex type logic, creating reusable type utilities, or ensuring compile-time type safety in TypeScript projects.

not rated 123 +1 12d ago A 57 tokens original MIT

agentos-ui-ux

115

SapienXai/AgentOS

Skill Codex

Design, review, or implement AgentOS UI and UX work using the project’s operator-console visual system. Use for React/Tailwind pages, cards, dialogs, mobile layouts, theme work, navigation, forms, empty/loading/error states, and UI consistency reviews in AgentOS.

not rated 124 +3 changed 1mo ago A SkillSpector: warn 62 tokens original MIT

frontend-patterns

116

agent-skills-hub/agent-skills-hub

Skill Claude CodeCodex

Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.

not rated 122 +6 18d ago A SkillSpector: pass 24 tokens original MIT

design-to-code

117

MigoXLab/coderio

Skill Claude CodeCodex

Pixel-perfect Figma to React conversion using coderio. Generates production-ready code (TypeScript, Vite, TailwindCSS V4) with high visual fidelity. Features robust error handling, checkpoint recovery, and streamlined execution via helper script.

not rated 114 5mo ago A 52 tokens original Apache-2.0

HorusGoul/eslint-plugin-react-render-types

Skill Claude CodeCodex

Install and configure eslint-plugin-react-render-types in a TypeScript React project. Use when: (1) adding eslint-plugin-react-render-types to a project, (2) configuring ESLint flat config with typed linting for @renders support, (3) troubleshooting typed linting errors or plugin configuration, (4) setting up…

not rated 111 3mo ago A SkillSpector: pass 129 tokens original MIT

At most 3 mods per repository are shown here, and a mod shipped inside a plugin is left to that plugin's page — the rest are on their repository pages: