2,983 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
Use when working on the Hecate operator UI in ui/. Keeps frontend work aligned with Hecate's operator-console workflows, runtime-debugging focus, and React/Vite stack.
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…
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…
neverinfamous/memory-journal-mcp
Skill Claude CodeCodex
Next.js 16 Cache Components guidance. Use when refactoring React Server Components for performance, debugging Partial Prerendering (PPR) issues, or applying the use cache directive, cacheLife, cacheTag, updateTag, and revalidateTag. Also use when deciding whether data should be static, cached, or dynamic, or when…
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".
Skill Claude CodeCodex
Sui frontend dApp development with @mysten/dapp-kit-react (React) and @mysten/dapp-kit-core (Vue, vanilla JS, other frameworks). Use when building browser apps that connect to Sui wallets, query on-chain data, or execute transactions. Use alongside the sui-ts-sdk skill for PTB construction patterns.
Skill Codex
Create, refactor, review, and document IC Reactor React hook integrations for Internet Computer (ICP) apps. Use when working with @ic-reactor/react, createActorHooks, createQuery/createMutation factory patterns, useActorMethod, TanStack Query cache invalidation, generated hooks from the ic-reactor CLI or Vite plugin…
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
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
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.
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.…
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.
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…
claudiocebpaz/vite-react-best-practices
Skill Claude CodeCodex
Comprehensive React and Vite SPA performance, architecture, and deployment guidelines. Use this skill when building, reviewing, or refactoring React applications built with Vite (SPA). Covers Vite-specific build configurations, static hosting requirements, and core React performance patterns.
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
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 Codex
React 19+ with TypeScript — hooks, custom hooks, state management (useState/useReducer/useContext), React Query/SWR, Tailwind CSS, performance. Use when building React components, apps, or optimizing renders.
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
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.
Skill Claude CodeCodex needs its repo
A workflow that converts a Figma design into web code and checks the rendered page against the original design. It uses saved design data, screenshots, pixel differences, and structural checks to guide repeated fixes.
Skill Claude CodeCodex
Build forms with @allxsmith/bestax-bulma — Field/Control/Label/Help composition, inputs, selects, checkboxes, radios, switches, and advanced controls (Autocomplete, Slider, Numberinput, Rate, Taginput, File, date/time). There is no form/validation library; this skill shows the components and the validate-it-yourself…
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: