React skills

3,684 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

behavioral-modes

217

DDS-Solutions/AI-TadPole-OS

Skill Claude Code

Adaptive AI operational modes (BRAINSTORM, ORCHESTRATE, ALETHEIA, IMPLEMENT, DEBUG, REVIEW, TEACH, SHIP) and PEC handover protocols to eliminate mode bleed, premature execution, and conversational drift.

not rated 8 changed 3d ago A 53 tokens original MIT

LiskaDev/claudo

Skill Claude CodeCodex

A set of strict CSS and React component guidelines for replicating the highly dense, micro-indexed, and smoothly expanding auto-hiding scrollbar side panel UI seen in DeepSeek's chat history timeline.

not rated 8 3mo ago A 45 tokens original MIT

SuanFishXYY/suanfish-design-system

Skill Claude CodeCodex

A Chinese design system for creating and reviewing web interfaces, with multiple design perspectives working together. It focuses on React and Tailwind-based projects.

not rated 8 3mo ago A 293 tokens

kicchann/reqord

Skill Claude CodeCodex

React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance…

not rated 8 +1 7mo ago A 67 tokens AGPL-3.0

airjam-mcp

221

vucinatim/air-jam

Skill Claude CodeCodex

Use when operating an Air Jam project through its first-party MCP tools for inspection, development, semantic game sessions, logs, quality gates, and releases.

not rated 8 +2 yesterday A 35 tokens original MIT

mohamed2m2018/react-native-agentic-ai

Skill Claude CodeCodex

Generic AI-agent skill for installing and wiring the react-native-agentic-ai SDK into Expo or React Native apps. Use when a coding assistant needs to add the React Native AI agent, configure AIAgent, connect it to a model provider or the app's backend proxy, enable screen mapping, set up voice/dictation or human…

not rated 8 3d ago A 81 tokens

logosdx

223

logosdx/monorepo

Skill Claude CodeCodex

Implements LogosDX patterns for DOM manipulation, HTTP clients, lifecycle hooks, events, state machines, storage adapters, i18n/localization, HTML slide decks, and React context hooks. Use when tasks involve LogosDX libraries or code that imports from any logosdx scoped package. Trigger on any mention of HookEngine…

not rated 7 changed 12d ago A 165 tokens original BSD-3-Clause

OscarDRT/supastarter-nextjs-skill

Skill Claude CodeCodex

Guides development with supastarter for Next.js only (not Vue/Nuxt): tech stack, setup, configuration, database (Prisma), API (Hono/oRPC), auth (Better Auth), organizations, payments (Stripe), AI, customization, storage, mailing, i18n, SEO, deployment, background tasks, analytics, monitoring, E2E. Use when building or…

not rated 7 8mo ago A 124 tokens original MIT

HsiangNianian/GlyphWeave

Skill Claude CodeCodex

A skill that turns plain-language descriptions into GlyphWeave tilemap files. A tilemap is a grid-based map made from tiles such as walls, floors, doors, and decorations.

not rated 7 1mo ago A 105 tokens original MIT

nextjs-reusable-table

226

ninsau/nextjs-reusable-table

Skill Claude CodeCodex needs its repo

Use this skill when building or customising data tables with nextjs-reusable-table. Covers installation, all props, sorting, pagination, search, row actions, dark mode, custom styling, and Tailwind setup for Next.js 13+ and React 18+.

not rated 6 7mo ago A 59 tokens original 0BSD

reactbits-ui-skills

227

lumacoder/react-bits-skills

Skill Claude CodeCodex

A guide for building React interfaces with the React Bits component framework. React is a JavaScript library for making web interfaces, and components are reusable pieces of a page.

not rated 6 7mo ago B 89 tokens

readme-i18n

228

figueroaignacio/ignaciofigueroa.dev

Skill Claude CodeCodex

Use when the user wants to translate a repository README, make a repo multilingual, localize docs, add a language switcher, internationalize the README, or update localized README variants in a GitHub-style repository.

not rated 6 2d ago A 49 tokens original MIT

react-native-dev

229

martgueritainaccurate875/skills

Skill Claude CodeCodex

React Native and Expo development guide covering components, styling, animations, navigation, state management, forms, networking, performance optimization, testing, native capabilities, and engineering (project structure, deployment, SDK upgrades, CI/CD). Use when: building React Native or Expo apps, implementing…

not rated 6 8d ago A 102 tokens copy · 95% MIT

bridge-ui-setup

230

Bridge-UI/core

Skill Claude CodeCodex

Install and configure Bridge UI React — Tailwind v4 theme CSS, BridgeUIProvider, component defaults, icon, i18n and date adapters, BridgeUIHosts, useBridgeUI. Use when scaffolding Bridge, wiring the provider, or fixing missing theme / hosts / adapters.

not rated 6 changed 10d ago A 62 tokens original MIT

react-bits

231

Philotheephilix/reactbits.dev-skill

Skill Claude CodeCodex

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.

not rated 6 +3 22d ago A 64 tokens

midnight-dapp-dev

232

mzf11125/midnight_agent_skills

Skill Claude CodeCodex

Comprehensive guide for Midnight Network DApp frontend development covering project scaffolding with Vite and React 19 plus shadcn/ui templates, Next.js wallet connector patterns via the DApp Connector API with App Router, React wallet connector with Vite setup, provider architecture including MidnightProviders, proof…

not rated 5 3mo ago A 374 tokens original MIT

ascii-shader-tsx

233

Codeptor/ascii-shader-tsx

Skill Claude CodeCodex

Generate animated ASCII art, dithered visuals, and shader-like effects as self-contained React/TSX components. Use when the user wants to create ASCII backgrounds, dithered image/video effects, CRT/retro overlays, matrix rain, noise fields, halftone patterns, particle systems, braille art, terminal aesthetics, or any…

not rated 5 7mo ago A 190 tokens

gui-anything

234

ImL1s/GUI-Anything

Skill Codex

Use when the user wants Codex to build, refine, test, or validate a GUI-Anything harness for any software or source repository. Adapts the GUI-Anything methodology to Codex without changing the generated React+Tauri harness format.

not rated 5 1mo ago A 54 tokens original Apache-2.0

effector-ecosystem

235

demark-pro/skills

Skill Codex

Use when designing, reviewing, generating, or refactoring React applications built with Effector, effector-react, Farfetched, Atomic Router, @effector/next, patronum, effector-storage, forms, i18n, testing, and related Effector ecosystem tooling. For Feature-Sliced Design project structure and placement decisions, use…

not rated 5 3mo ago A 83 tokens original MIT

elvia-design-system

236

3lvia/designsystem

Skill Claude CodeCodex

Reference for UI components and patterns in Elvia's design system ("Elvis"). Covers component- and pattern-specific guidelines for sizing, coloring, types, ordering, labeling, accessibility attributes, CSS setup, and web-component registration. Use when building, reviewing, or fixing UI in an Elvia frontend, even if…

not rated 5 changed today A 99 tokens

semaframe-engine

237

riseagain1/semaframe

Skill Codex

Control an open SemaFrame universal 2D/3D component workspace through MCP or its OpenAPI fallback. Use when an agent, including a realtime voice or multimodal client, needs to inspect, model, create, arrange, update, connect, present, undo, or redo exact spatial assemblies, reusable models, Gaussian-splat Reality…

not rated 5 changed 5d ago A SkillSpector: pass 99 tokens original MIT

theokit-agents

238

usetheokit/theokit

Skill Claude Code

TheoKit agent/LLM integration — agents/.ts convention (AgentBuilder), the tool() builder, capabilities (advanced/DI), useAgent client hook.

not rated 5 3d ago A SkillSpector: warn 36 tokens original Apache-2.0

elite-engineer

239

Kerim-Sabic/elite-engineer

Skill Claude CodeCodex

The operating system for elite software engineering in TypeScript, React, and Next.js. Enforces the cognitive models, architecture laws, type-level patterns, component design, visual standards, and performance mandates that separate exceptional software from the ordinary — grounded in named sources (Torvalds…

not rated 5 6mo ago A 167 tokens original MIT

spec-generate

240

djblack1209-coder/OpenClaw-Bot

Skill Claude CodeCodex

Product Spec Builder that helps PMs generate clear, structured, testable PRDs. Creates both full and lightweight specs for any product or platform with a guided step-by-step workflow. Output in English Markdown format.

not rated 5 yesterday A SkillSpector: pass 46 tokens original Apache-2.0

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: