4,549 mods tagged React that install into Claude Code, 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.
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…
Plugin Claude Code
Bundles 4 skills, 6 agents, 6 hooks · 759 tokens together
Motion forensics for the animated web. Four jobs against a live URL: decode (analyse motion + build, no code), clone (URL → React + Tailwind), verify (AE/SSIM + motion-parity score vs. an existing impl), extract (raw JSON dump). Extracts real CSS and animation params (GSAP / Framer Motion / Lenis / anime.js) directly…
Skill Claude CodeCodex
React performance optimization specialist. Expert in DevTools Profiler, memoization, Core Web Vitals, bundle optimization, and virtualization. Use this skill for performance bottlenecks, slow renders, large bundles, or memory issues in React applications.
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.
sjungling/sjungling-claude-plugins
Plugin Claude Code
Bundles 1 command · 17 tokens together
Interactive flow/diagram viewer using React Flow. Renders a JSON graph in the browser with live two-way sync so the LLM and user can collaborate on diagrams.
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
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
Build forms with @allxsmith/bestax-bulma — Field/Control/Label/Help composition, inputs, selects, checkboxes, radios, switches, and advanced controls (Autocomplete, Combobox, Slider, Numberinput, Rate, Taginput, File, date/time). There is no form/validation library; this skill shows the components and the…
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.
Plugin Claude Code
Bundles 3 skills · 397 tokens together
RAB skills for coding agents: rab-react (@rabjs/react conventions), rab-cdp-debug (CDP debugging of live rab apps), rab-rn-debug (React Native debug bridge).
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.
henkisdabro/cloudflare-workers-react-boilerplate
Command Claude Code
You are turning a fresh copy of the Cloudflare Workers + React template into the user's own project and getting it live. Users range from first-time builders to experienced developers.
Command Claude Code
Full security pass - verify, validate and harden this repo against its real threat model.
firtoz/cf-multiworker-starter-kit
Skill Claude CodeCodex
Repo-root commands, typegen and typecheck cadence, lint, deploy, adding packages with bun, and Alchemy app layout. Use at the start of a task, before PR, or when choosing turbo/typegen commands.
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 Code
Talk to the Vandalizer Management API — /api/mgmt/v1. Use when the user says "/vandalizer-api", asks to query the management API, pastes a vklive… key, asks to check Vandalizer dev/prod stats, validation runs, workflows, audit log, or wants to run a workflow/validation/extraction via the management surface.
Skill Claude CodeCodex
A presentation-building skill for creating editable PowerPoint files. It makes native text, shapes, charts, and tables rather than placing screenshots on slides, then checks the result for layout problems.
Plugin Claude Code
Official AI skills for Framer Motion - the React animation library.
stareezy-1/frontend-architecture-skill
Skill Claude CodeCodex
A portable, framework-agnostic architecture style for any React or React Native frontend. Organizes apps into feature modules with page/screen directories, a strict server-state vs UI-state split, barrel-only cross-module imports, co-located styles, and clear component-promotion rules. State-management agnostic…
Skill Claude Code
Scan React codebase for useEffect anti-patterns (derived state, event logic in effects, effect chains, prop-driven resets, missing cleanup, parent notifications, etc.) and propose idiomatic fixes. Based on React's "You Might Not Need an Effect" guide. Use when asked to audit, review, or clean up useEffect usage.
Skill Claude CodeCodex
Expert guide for WebGL API development including 3D graphics, shaders (GLSL), rendering pipeline, textures, buffers, performance optimization, and canvas rendering. Use when working with WebGL, 3D graphics, canvas rendering, shaders, GPU programming, or when user mentions WebGL, OpenGL ES, GLSL, vertex shaders…
pluginagentmarketplace/custom-plugin-react-native
Plugin Claude Code
Bundles 7 skills, 4 commands, 7 agents · 343 tokens together
React Native plugin with specialized agents for mobile development, navigation, native modules, and cross-platform apps.
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: