NeVibeCode · 717 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.
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
build-web-apps
official plugin Build web app frontends, create visual assets, and test interfaces in a browser. The plugin also includes focused guidance for React, payments, and databases.
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
Watermelon UI MCP server MCP server that searches React, Tailwind CSS, and shadcn components. Helps your AI assistant grab ready-to-use UI blocks and inject source code into your app.
CX Codex +1
★ 97repo stars
plumb-mcp MCP server Bidirectional MCP server for Figma and code: transforms layouts into React, verifies rendered UI against the source, and drafts Figma designs from prompts.
CX Codex +1
★ 81repo stars
aicanvas MCP server Finds animated, shadcn-compatible React components and brings them into your codebase. Helps assemble UI directly from the AI chat.
CX Codex +1
★ 68repo stars
Carbon MCP MCP server Carbon MCP gives AI clients access to Carbon components, tokens, icons, charts, docs, and code examples. Use it when building Carbon-based interfaces.
CX Codex +1
★ 40repo stars
Starwind UI MCP Server MCP server Hands the agent current Starwind UI v3 knowledge: component search, install commands, docs and a v2-to-v3 migration path. Built for Astro and React work.
CX Codex +1
★ 35repo stars
Vlak MCP server MCP server for the Vlak design system. Supplies coding assistants with React component docs and design token references.
CX Codex +1
★ 33repo stars
Talivia Revenue Analytics MCP server Connects your AI agent to Talivia to track web traffic directly to payments. The agent integrates the script, runs builds, and verifies real telemetry intake.
CX Codex +1
★ 32repo stars
UICapsule MCP server Remote MCP server holding a catalog of React components that move in unusual ways. Your agent finds one by description and installs it through the shadcn CLI.
CX Codex +1
★ 32repo stars
churnkey MCP server Wires an AI agent into Churnkey so it can read sessions, retention analytics and DSR requests with a Data API key.
CX Codex +1
★ 23repo stars
webcomponents-mcp-server MCP server An MCP server that feeds UI5 Web Components docs into your AI assistant. It helps when you build with React, Angular or plain JavaScript and want the API without digging through a browser.
CX Codex +1
★ 20repo stars
marmo-ui MCP server Wires your agent to live Marmo UI component APIs so it builds dashboards from real props instead of guessing them.
CX Codex +1
★ 19repo stars
matchcn MCP server Discovers shadcn UI components across external registries by behavior and layout description rather than exact package names.
CX Codex +1
★ 17repo stars
wasp plugin Gives Claude the Wasp framework docs and conventions, so the agent builds full-stack apps on React, Node.js and Prisma without guessing.
★ 14repo stars
Bestax MCP server An MCP server that gives agents access to the bestax-bulma React component library: props, code examples, Bulma v1 CSS variables and ready-made prompts.
CX Codex +1
★ 13repo stars
681–717 of 717
