NeVibeCode · 649 items
react: skills, IDE rules, MCP servers and more
Cards tagged “react”: skills, IDE rules, MCP servers and more. What each one does, an install command and example prompts.
react-best-practices skill A skill that audits React and Next.js performance: it traces request waterfalls, extra bundle JS, server-client boundary mistakes and wasted rerenders.
CX Codex +1
399installs
react18-legacy-context
official skill This skill migrates React legacy context to createContext and coordinates the provider with every consumer. Use it for class component context migrations.
745installs
react18-lifecycle-patterns
official skill Migrates unsafe class component lifecycle methods to React 18.3.1 patterns. Helps prepare legacy code for React 19 before breaking changes arrive.
743installs
react18-string-refs
official skill Guides the move from string refs to React.createRef() in class components. Use it when preparing a project for React 18.3.1 or React 19.
741installs
react18-enzyme-to-rtl
official skill Provides Enzyme to React Testing Library migration patterns for React 18 upgrades. Useful when rewriting shallow renders, mount calls, and state assertions into user behavior checks.
739installs
react-dev skill Provides type-safe React 18 and 19 patterns for TypeScript components, hooks, and Server Actions.
CX Codex +1
4,100installs
router-core skill Entry skill for TanStack Router that points a task at the right sub-skill and pins the type-inference and client-first rules agents keep breaking.
CX Codex +1
589installs
react-router skill A skill that teaches your coding agent the React bindings for TanStack Router: hook reference, components, and a file-based routing setup on Vite.
CX Codex +1
547installs
wpds skill Feeds WordPress Design System docs to your agent through an MCP server, so UI work lands on real components and tokens instead of guesses.
CX Codex +1
4,000installs
narrow-react-prop-types skill A skill that cuts React component prop types back to the contract your live code actually uses, then makes stories and tests match it instead of weakening it.
CX Codex +1
1,300installs
clerk-custom-ui skill A Clerk skill that has the agent build custom sign-in and sign-up forms with hooks, or restyle the pre-built components to fit your brand.
CX Codex +1
55,200installs
clerk-nextjs-patterns skill Provides authentication and authorization patterns for Next.js with Clerk. Helps protect routes, handle Server Actions, and configure caching correctly.
CX Codex +1
53,400installs
tanstack-query-best-practices skill A rule set for TanStack Query in React: query keys, caching, mutations, SSR. Installs into Claude Code, Codex, Cursor or Copilot so data fetching follows one pattern across the repo.
CX Codex +1
12,800installs
shaders skill A skill for WebGPU visuals: animated backgrounds, gradients, glass, distortion and particles from the shaders component library in React, Vue, Svelte, Solid or plain JS.
CX Codex +1
528installs
aws-amplify skill Skill for building and deploying full-stack apps with AWS Amplify Gen2. Configure auth, databases, storage, and AI via TypeScript code — supports React, Next.js, Vue, Flutter, and more.
CX Codex +1
6,600installs
senior-frontend skill This skill supports React and Next.js work, from project scaffolding to bundle checks. Use it when building components, reviewing frontend code, or working on accessibility.
1,630installs
bklit-ui skill Installs Bklit UI chart components into a React or Next.js app, then shows how to compose series, axes and tooltips without hand-rolled SVG.
CX Codex +1
1,200installs
antd skill Guides an agent through Ant Design API checks, project diagnostics, and version migrations when working with antd code.
CX Codex +1
6,100installs
react-start skill Guides agents through TanStack Start with React. It covers Vite configuration, isomorphic loaders, server functions, and the useServerFn hook.
CX Codex +1
454installs
web-haptics skill Teaches your coding agent to add tactile feedback to mobile web interfaces using the zero-dependency web-haptics library and Apple HIG rules.
CX Codex +1
812installs
start-core skill This skill covers the TanStack Start foundation: the Vite plugin, router factory, root route, and server functions. Use it when setting up or reviewing a Start app.
CX Codex +1
447installs
motion-framer skill Guides an agent through Motion and Framer Motion animations for React interfaces, from hover effects to state and layout transitions.
CX Codex +1
5,900installs
diffs skill A skill for building with @pierre/diffs: syntax-highlighted files, diffs, patches and merge conflicts inside your app.
CX Codex +1
472installs
tanstack-start-best-practices skill Best practice rules for full-stack React apps built with TanStack Start. Guides server functions, middleware, and session security.
CX Codex +1
9,800installs
react-email skill A skill for building HTML emails from React components. Use it when the email has to survive Outlook and Gmail without breaking.
CX Codex +1
12,600installs
nextjs-developer subagent Subagent for building full-stack Next.js 14+ apps with App Router. It sets up Server Actions, tunes Core Web Vitals, and handles SEO metadata.
898installs
router-query skill Guides the integration of TanStack Router and TanStack Query, covering router context setup, loader prefetching, and SSR QueryClient isolation.
CX Codex +1
366installs
page-mascot skill Puts a chibi character on your page that turns its head toward the pointer and reacts to clicks. Wires up a <Mascot /> React component from ready sprite sheets or draws a new one.
CX Codex +1
1,300installs
shadcn-ui skill A skill that tells the agent how to install and configure shadcn/ui components: buttons, dialogs, tables, and forms with React Hook Form and Zod.
CX Codex +1
22,400installs
react-specialist subagent A subagent for improving existing React code, from performance and state flow to architecture and tests. Use it when a project needs focused technical changes.
815installs
beui skill Selects and installs animated React components from beUI via MCP or shadcn registry. Useful when building agent interfaces, chats, and motion UI.
CX Codex +1
844installs
migrate-oai-app skill Guides developers migrating interactive widgets from OpenAI Apps SDK to MCP Apps SDK. Rewrites synchronous OpenAI calls into asynchronous MCP event handlers.
CX Codex +1
1,100installs
ui-design-system skill This skill builds design tokens, component structures, and responsive calculations. Use it when a project needs a consistent UI system or a developer handoff.
1,076installs
clerk skill Reads your Clerk question and routes it to the right sub-skill: setup, CLI, framework patterns, billing, webhooks.
CX Codex +1
30,000installs
a11y-audit skill Scans web projects for WCAG 2.2 Level A and AA issues, suggests fixes, then checks the result again. Use it before a release or when adding accessibility checks to CI/CD.
970installs
tanstack-router-best-practices skill A rule set for TanStack Router in React: type safety, data loading, search params, navigation. Useful once routing in a project grows past a few pages.
CX Codex +1
7,100installs
tailwind-css-patterns skill A skill that hands your agent ready Tailwind CSS patterns: responsive grids, cards, forms, dark mode. Useful when it styles React, Vue or Svelte components.
CX Codex +1
17,700installs
react-component-performance skill Identifies React render hotspots, isolates fast-changing state, and eliminates re-render churn. Useful when lists lag or components re-render too often.
CX Codex +1
1,100installs
gsap skill A skill that helps your coding agent write and debug GSAP web animations: timelines, ScrollTrigger, stagger, transforms.
CX Codex +1
1,800installs
gsap-scrolltrigger-storytelling skill A skill for scroll-driven product storytelling: pinned scenes, progressive UI reveals and transitions between sections, built on GSAP ScrollTrigger.
CX Codex +1
1,800installs
121–160 of 649
