3,315 mods tagged React that install into Codex, measured the same four ways as everything else here: what each costs in tokens on every session, what a security scan found and why, whether it is the original, and what changed.
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+.
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…
Skill Claude CodeCodex
A way to create videos with code using Remotion, a framework where React components describe each video frame and its behavior. It supports programmatic videos, animations, subtitles, music visualisations, tutorials, 3D scenes, and data-driven content.
darellchua2/opencode-config-template
Skill Claude CodeCodex
Complete Next.js 16 project setup with standardized architecture and comprehensive TSDoc documentation, combining project structure creation with automatic documentation standards.
AmazonAppDev/devices-agent-skills
Skill Claude CodeCodex
React Native TV UI best practices for tvOS, Android TV, Fire TV, and Vega OS (covers react-native-tvos and @amazon-devices/react-native-kepler). Use when reviewing or building TV UI — focus management (TVFocusGuideView, hasTVPreferredFocus, trapFocus, FocusManager, Navigable, useTVEventHandler), D-pad / RCU…
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.
MCP server Claude CodeCodexCursor +2
Scaffolds MERN CRUD resources into existing Express and React codebases. Runs locally from the mern-mcp npm package. Needs 1 environment variable to run.
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…
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.
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…
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.
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…
Skill Claude CodeCodex
Reference for UI components and patterns in Elvia's design system ("Elvis"). Covers component- and pattern-specific guidelines for sizing, color tokens for custom UI, types, ordering, labeling, accessibility attributes, CSS setup, and web-component registration. Use when building, reviewing, or fixing UI in an Elvia…
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…
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…
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.
Tencent-RTC/tencent-rtc-skills
Skill Claude CodeCodex
This skill orchestrates the integration of Tencent Chat TUIKit for React Web applications. It should be used when users want to build instant messaging (IM) features in React projects, including conversation lists, chat windows, group management, and contact management. The skill provides strict workflow instructions…
Skill Claude CodeCodex
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.
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…
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…
darkyzhou/carbon-design-guidelines
Skill Claude CodeCodex
Guides, references, and tooling for building React UIs with IBM's Carbon Design System (@carbon/react v11). Covers design foundations (grid, color, spacing, typography, theming, motion, accessibility), component usage with code samples, design patterns (forms, dialogs, notifications, loading, empty states), and data…
Skill Claude CodeCodex
Usage for alova v3 in browser/client-side/SSR applications (React, Nextjs, Vue3, Vue2, Nuxt, React-Native, Expo, Uniapp, Taro, Svelte, Svelitekit, Solid). Use this skill whenever the user asks about request an api, fetch data, alova client-side usage including setup, refetch data cross component, or any alova/client…
MCP server Claude CodeCodexCursor +2
React dashboard components — API lookup, code generation, and prop validation for AI tools. Runs locally from the @metricui/mcp-server npm package.
Skill Codex
Review React, Next.js App Router, TypeScript, Tailwind CSS, shadcn/ui, TanStack Query, and frontend UI code. Use when reviewing a PR, branch, diff, page, component, hook, Server Action, route handler, or API client; debugging frontend behavior; assessing production readiness; or checking runtime bugs, client/server…
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: