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 Codex
Migrate React Navigation 7.x or 8.x navigators from JSX-based Dynamic API Navigator and Screen elements to Static API object configuration. Use when converting React Navigation screen trees, static navigation containers, nested navigators, groups, linking/deep-link config, render callbacks, getComponent screens…
Skill Claude CodeCodex
Teaches the raqam React number-input library — headless NumberField compound components, useNumberFieldState/useNumberField hooks, Intl presets, locale plugins (fa/ar/bn/hi/th), raqam/server formatting, validation, ScrubArea, accessibility, and form integration. Use when building or debugging currency/percent/unit…
Skill Claude CodeCodex
Juniors-focused React and TypeScript best practices. Use this skill when writing or reviewing code to enforce clear, consistent, and maintainable patterns across common scopes like React, TypeScript, styling, devtools, assets, and Git.
eimg/book-order-platform-SKILL
Skill Claude CodeCodex
Implements a book order system with a Vite React storefront (React Router, TanStack Query) and an Express + Prisma + SQLite API: default pay-by-transfer flow with admin-reviewed payment proof, Cloudflare Turnstile on order submit, honeypot field, payment-proof upload with duplicate-image detection, 8-character receipt…
leejpsd/typescript-react-nextjs-patterns
Skill Claude CodeCodex
Production-grade TypeScript reference for React & Next.js frontend development. Covers type narrowing, component Props, generic hooks, discriminated unions, as const, satisfies, Zod validation, TanStack Query, server/client boundaries, forms, state management, performance, accessibility, debugging, and code review.…
pomerium/mcp-app-typescript-template
Skill Claude CodeCodex needs its repo
Add a new widget (React UI + MCP tool) to this template. Use when asked to "add a widget", "add a new tool with UI", "create a new widget", "scaffold a widget", or "build a new MCP App feature".
MCP server Claude CodeCodexCursor +2
One of 2 in .mcp.json
Lets the agent inspect and automate a live Chrome instance through the DevTools protocol: performance traces, network, console. Runs locally from the chrome-devtools-mcp npm package.
Skill Claude CodeCodex
Enforces Effect-TS patterns for services, errors, layers, and atoms. Use when writing code with Effect.Service, Schema.TaggedError, Layer composition, or effect-atom React components.
Skill Claude CodeCodex
Build Veryfront apps. Use for real-time errors, route preview, HMR control, and scaffolding pages/APIs/components/AI tools.
Skill Claude CodeCodex
Write, review and fix app code that calls Internet Computer (ICP) canisters with ic-reactor 4 (@ic-reactor/core, @ic-reactor/react, @ic-reactor/vite-plugin) over a module generated by @meantjs/cli, in React or plain TypeScript. Use when the project depends on an @ic-reactor/ package at version 4, or the user asks to…
yuanqiyibiansheng/DeepSeek-Harness-GUI
Skill Claude CodeCodex
A collection of React Native and Expo development guidelines for mobile apps, including lists, animations, media, native features, and project structure.
Skill Claude CodeCodex
Use when building a frontend and the user wants a distinctive / animated / "wow" UI element in React + Tailwind - e.g. a laptop-opening-on-scroll, 3D tilt card, spotlight hero, animated beams/background, marquee, bento grid, interactive globe, meteor/particle background, shimmer button, or scroll/reveal motion.…
Skill Claude CodeCodex
Design and build production-grade frontend interfaces, context first - capture PRODUCT.md (strategy) and DESIGN.md (visual system), pull reusable tokens into a design system, and apply shared UX/UI rules (color, typography, layout, motion, accessibility, anti-patterns) for brand and product surfaces. Its capabilities…
Just-Agent/just-progress-bar-skill
Skill Claude CodeCodex needs its repo
Design, select, generate, and audit accessible creative progress bars for React, HTML/CSS, Gallery demos, recipes, CLI workflows, and Agent/MCP integrations.
GrishaAngelovGH/gemini-cli-agent-skills
Skill Claude CodeCodex needs its repo
Expert guidance for testing React applications using React Testing Library and Vitest. Focuses on user-centric testing, accessibility, and best practices for unit and integration tests to ensure robust and maintainable code.
claudiocebpaz/vite-react-best-practices
Skill Claude CodeCodex
Comprehensive React 19 and Vite 8 SPA performance, architecture, and deployment guidelines. Use this skill when building, reviewing, or refactoring React applications built with Vite (SPA). Covers Vite 8 build and static hosting requirements, React Router 8 route-level code splitting, TanStack Query v5 server state…
DevMartinese/awwwards-animations-skill
Skill Claude CodeCodex
Professional React animation skill for creating Awwwards/FWA-level animations using GSAP (useGSAP), Motion (Framer Motion), Anime.js, and Lenis. Use when building premium scroll experiences, custom cursors, page transitions, text animations, parallax effects, micro-interactions, or any animation that needs to be 60fps…
AXIOTN/frontend-page-generator
Skill Claude CodeCodex
A front-end page generation skill for building web pages and applications with React, Vue 3, Next.js, Nuxt.js, or simpler HTML-based tools. It covers visual design, API connections, forms, animations, and icons.
Skill Claude CodeCodex
Scaffold a complete, responsive page layout with @allxsmith/bestax-bulma — app shells/dashboards, marketing/landing pages, centered auth/settings pages, and card-grid catalogs. Use when building a full page or overall app layout (not a single component).
Skill Claude CodeCodex ✓ vendor
Comprehensive guide for migrating Create React App (CRA) projects to Next.js. Use when migrating a CRA app, converting React Router to file-based routing, or adopting Next.js patterns like Server Components, App Router, or image optimization.
Skill Claude CodeCodex
Build Docyrus React TypeScript web applications end-to-end, combining authentication, API access, @docyrus/app-utils runtime helpers, @docyrus/devtools in-app debugging, generated collections, TanStack Query/Form patterns, and production-grade UI implementation with preferred component libraries. Use when creating or…
MCP server Claude CodeCodexCursor +2
MCP server providing access to Next.js documentation URLs without AI dependency. Runs locally from the @taiyokimura/nextjs-docs-mcp npm package.
Skill Claude CodeCodex
Generate cinematic launch-video-style React presentations with shared-layout (FLIP) morph transitions between stages. Outputs live React deck, PPTX with Morph transitions, or Playwright-recorded MP4. Use when the user asks for a pitch deck, launch video, demo storyboard, kpi dashboard tour, or any cinematic…
Skill Claude CodeCodex needs its repo
Set up and manage the Remediate feedback widget in a React project. Install, add integrations, wire auth, test the endpoint, upgrade, scaffold a feedback dashboard, configure capture types, or cleanly uninstall.
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: