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.
typescript rule A Cursor rule that pins down how the agent writes TypeScript: types, naming, error handling. Useful when several people touch the same codebase.
★ 41,011repo stars
typescript-nodejs-nextjs-react-ui-css-cursorrules- rule A Cursor rule that pins down how the agent writes TypeScript, Next.js App Router, React and Tailwind code. Useful when generated components drift from your conventions.
★ 41,011repo stars
typescript-nextjs-supabase-cursorrules-prompt-file rule A Cursor rule that keeps TypeScript work on Next.js App Router and Supabase consistent: server components first, Shadcn UI, Tailwind.
★ 41,011repo stars
typescript-code-convention-cursorrules-prompt-file rule A Cursor rule that pins down TypeScript code style for Next.js App Router, React, Expo, tRPC and Tailwind projects. Useful when the agent writes code inconsistently.
★ 41,011repo stars
tanstack-router rule A Cursor rule that sets agent conventions for TanStack Router v1: file-based routes, typed params and loader-based data fetching.
★ 41,011repo stars
tanstack-query-v5-cursorrules-prompt-file rule A Cursor rule that tells the agent how to write TanStack Query v5 code: query keys, mutations, optimistic updates, Suspense and prefetching.
★ 41,011repo stars
tailwind-react-firebase-cursorrules-prompt-file rule A Cursor rule that sets conventions for a mobile-first web app built with Tailwind, React and Firebase.
★ 41,011repo stars
react rule This rule hands Cursor a set of React conventions: component structure, hooks, state, forms and accessibility. Useful when a project has plenty of .tsx and .jsx and you want one style.
★ 41,011repo stars
react-typescript-nextjs-nodejs-cursorrules-prompt- rule A Cursor rule that pins down React, TypeScript, Next.js 14 and Node.js conventions: functional components, RORO, minimal use client.
★ 41,011repo stars
react-styled-components-cursorrules-prompt-file rule A Cursor rule that tells the agent how to write React code with styled-components: functional components, theming through ThemeProvider, a fixed folder layout.
★ 41,011repo stars
react-query-cursorrules-prompt-file rule A Cursor rule that tells the agent how to write React Query code: where QueryClient lives, how hooks and query keys are named.
★ 41,011repo stars
nextjs-vercel-typescript-cursorrules-prompt-file rule A Cursor rule that sets code style and file structure for Next.js projects with TypeScript, Vercel middleware and a KV database.
★ 41,011repo stars
nextjs-react-typescript-cursorrules-prompt-file rule A Cursor rule that tells the agent how to write code in Next.js 14 App Router, React and TypeScript projects.
★ 41,011repo stars
nextjs-app-router-cursorrules-prompt-file rule A Cursor rule that hands the agent a set of Next.js App Router habits: server components by default, file-based routing, separate files for loading and errors.
★ 41,011repo stars
cursor-ai-react-typescript-shadcn-ui-cursorrules-p rule A Cursor rule that pushes the agent toward React and TypeScript code written the way shadcn/ui and Tailwind CSS projects expect.
★ 41,011repo stars
voltagent-lang plugin A pack of subagents with expertise in specific languages and frameworks: Python, TypeScript, Go, Rust, Java and more. Useful when you want advice on language idioms or a framework deep dive.
★ 26,065repo stars
frontend-dev-guidelines skill A skill that gives the agent one set of rules for React and TypeScript work: Suspense, lazy loading, features layout, MUI v7 and TanStack.
556installs
javascript-typescript plugin A plugin for JavaScript and TypeScript work with ES6+, Node.js, React, and modern web frameworks. Use it when an agent is helping with one of these projects.
CX Codex
★ 41,729repo stars
frontend-ui-dark-ts skill A skill for building dark React interfaces with Tailwind CSS: custom theming, glassmorphism, Framer Motion animations. Handy for dashboards and admin panels.
5installs
magicpath
official plugin Connects Codex with MagicPath to search, inspect, create, and sync UI components using the CLI.
CX Codex GP ChatGPT
★ 7,596repo stars
remotion
official plugin Helps build programmatic videos using React with animations, audio, captions, and 3D scenes. It guides composition and rendering with FFmpeg.
CX Codex GP ChatGPT
★ 7,596repo stars
zustand-store-ts skill A skill that sets the pattern for Zustand stores in TypeScript: separate state and action types, subscribeWithSelector, individual selectors.
3installs
Arc UI MCP server Connects your AI agent to the Arc UI library docs for motion-ready React components. Helps locate component props and copy shadcn CLI setup commands.
CX Codex +1
★ 968repo stars
i18n-localization skill A Claude skill covering internationalization and localization: translation keys, locale files, RTL layout and a checker script.
251installs
nextjs-migration-helper command A Claude slash command that walks a Next.js project from Pages Router to App Router, from JavaScript to TypeScript, and from class components to hooks.
237installs
webcomponents-react-mcp-server MCP server Connects an AI agent to API references and guides for UI5 Web Components for React. Use it to inspect components or get help scaffolding an app from your IDE.
CX Codex +1
★ 543repo stars
react-useeffect skill A skill that walks through React's useEffect rules from the official docs and points out what to use instead when an Effect is unnecessary.
127installs
UI Beats MCP server Searches the UI Beats catalog for animated React components, reads their props, and retrieves shadcn install commands directly inside coding agents.
CX Codex +1
★ 234repo stars
affectUI MCP server MCP server to discover and embed animated React components for AI software. Helps grab self-contained UI blocks without configuring CSS libraries.
CX Codex +1
★ 234repo stars
shadcn rule A Cursor rule that pins down how a team builds with shadcn/ui: folder layout, typed props, CVA variants, forms on React Hook Form and Zod. Useful once a component library starts growing.
★ 3,579repo stars
react rule A Cursor rule that pins down React conventions for a team: pure components, hook rules, feature-based structure. Useful when an AI agent writes code in its own style.
★ 3,579repo stars
react-native rule A Cursor rule that sets mandatory React Native practices: feature-first layout, functional components, hooks and typing. Useful once a project outgrows a flat folder.
★ 3,579repo stars
mobx rule A Cursor rule that lays out MobX state in React: one RootStore, explicit observables, and observer only on leaf components.
★ 3,579repo stars
material-ui rule This rule tells Cursor how to write React code with Material-UI: folder layout, theme setup, styling and component style. Useful when a MUI codebase grows and you want consistent choices.
★ 3,579repo stars
chakra-ui rule A Cursor rule that tells the agent how to build Chakra UI v2 interfaces: token-first theming, component recipes, style props instead of CSS.
★ 3,579repo stars
ant-design rule A Cursor rule that tells the agent how to build UI with Ant Design v6.x: tokens for theming, the grid for layout, accessible components. Useful on React projects already using antd.
★ 3,579repo stars
microcharts MCP server Generates tiny SVG charts with automatic alt summaries directly from natural language. Useful when an agent needs to visualize trends inside markdown or chats.
CX Codex +1
★ 205repo stars
domscribe plugin Click an element in the browser, describe the change in words, and the agent finds the file and line. Or let the agent query how that element looks live.
★ 195repo stars
Keyline Icons MCP server Lets an agent look up an icon by name and hand back its SVG source or a React import. Useful when the name has to be guessed rather than looked up.
CX Codex +1
★ 178repo stars
Hyperiux Vault MCP server Search and inspect React and Next.js interaction effects, then request source through an AI client. Useful when you want an agent to find an effect for an interface.
CX Codex +1
★ 101repo stars
601–640 of 649
