2,986 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 ✓ 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.
stareezy-1/frontend-architecture-skill
Skill Claude CodeCodex
A portable, framework-agnostic SEO system for any React or React Native-for-web frontend. Centralizes site metadata in one constants module, derives canonical URLs from a single base, builds per-route metadata (title, description, canonical, Open Graph, Twitter/X cards), generates sitemap.xml, robots.txt, and an RSS…
Skill Codex
Use when working with Creght sites or the Creght CLI, including pulling site code locally, pushing local changes, resolving sync conflicts, writing Creght-compatible React pages/components code, CMS, form, Auth, and Func backend integration, routing, styling, metadata, previewing, publishing, site templates…
Skill Claude CodeCodex
Multi-framework frontend development. Frameworks: React 18+ (Suspense, hooks, TanStack), Vue 3 (Composition API, Pinia, Nuxt), Svelte 5 (Runes, SvelteKit), Angular (Signals, standalone). Common: TypeScript, state management, routing, data fetching, performance optimization, component patterns. Actions: create, build…
Skill Claude CodeCodex
Changesets. Use after consumer-visible runtime, public API, entrypoint, lifecycle, or wire-format changes, when deciding whether a change is breaking, or when authoring changesets and consumer release notes.
Skill Claude CodeCodex
Use when building multi-scene GSAP animations for product demos, hero walkthroughs, or scripted UI sequences in React. Covers timeline architecture, cursor choreography, scene transitions, click systems, typed text, and animation coordination across components.
adriangrantdotorg/Raycast-Skill
Skill Claude CodeCodex
Best practices and workflows for developing and modifying Raycast Extensions (React/Node). Use when the user asks to create, update, or troubleshoot a Raycast extension, whether it interfaces with external APIs (Notion, Spotify) or executes local scripts (AppleScript, Keyboard Maestro).
MCP server Claude CodeCodexCursor +2 ✓ vendor
A comprehensive Model Context Protocol (MCP) server for Grafana UI components. Provides AI assistants with complete access to 200+ React components, rich MDX documentation, Storybook stories, test files, design system tokens, and dependency analysis from. Runs locally from the @shelldandy/grafana-ui-mcp-server npm…
agentience/react-design-systems-mcp
MCP server Claude CodeCodexCursor +2
Model Context Protocol (MCP) server that provides comprehensive information about design systems created for React, currently focusing on AWS Cloudscape Design System. Runs locally from the @agentience/react-design-systems-mcp npm package.
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.
dazeb/mcp-react-component-harvester
MCP server Claude CodeCodexCursor +2
MCP server "mcp-component-harvester" as configured in dazeb/mcp-react-component-harvester. Runs locally from the mcp-component-harvester npm package.
Skill Claude CodeCodex
Practical patterns for using fp-ts with React - hooks, state, forms, data fetching. Works with React 18/19, Next.js 14/15.
hummusonrails/arbitrum-dapp-skill
Skill Claude CodeCodex needs its repo
Opinionated guide for building dApps on Arbitrum using Stylus (Rust) and/or Solidity. Covers local devnode setup, contract development, testing, deployment, and React frontend integration with viem. Use when starting a new Arbitrum project, writing Stylus or Solidity contracts, deploying to Arbitrum, or building a…
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.
MCP server Claude CodeCodexCursor +2
MCP server for Electron application automation and management. See MCPUSAGEGUIDE.md for proper argument structure examples. Runs locally from the electron-mcp-server npm package. Needs 2 environment variables to run.
SunrisesIllNeverSee/sigrank-app
Skill Claude CodeCodex
Use when integrating or debugging the tiun SDK (@tiun/sdk), tiun's JavaScript library for authentication, subscription billing, one-time purchases, and time-based paywalls. Triggers on imports of @tiun/sdk, calls like tiun.init, tiun.checkout, tiun.login, tiun.start, or questions about tiun products, entitlements…
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…
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 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+.
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.
kesslerio/ultimate-frontend-design-openclaw-skill
Skill Claude CodeCodex
Create distinctive, production-grade static sites with React, Tailwind CSS, and shadcn/ui — no mockups needed. Generates bold, memorable designs from plain text requirements with anti-AI-slop aesthetics, mobile-first responsive patterns, and single-file bundling. Use when building landing pages, marketing sites…
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
Use when operating an Air Jam project through its first-party MCP tools for inspection, development, semantic game sessions, logs, quality gates, and releases.
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: