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.
react-server-components skill A skill that teaches React Server Components: which components belong on the server and where 'use client' goes. Useful in Next.js App Router.
CX Codex +1
954installs
web-development skill A skill for implementing, debugging and shipping a web frontend once the product direction is settled. React, Vue, Vite, routing, browser checks.
CX Codex +1
1,800installs
progressive-hydration skill A skill that tells the agent how to split hydration of a server-rendered React app and defer JavaScript for non-critical sections.
CX Codex +1
952installs
react-selective-hydration skill Guides your coding agent in setting up selective hydration and streaming SSR in React 18+. It makes interactive parts responsive before the entire JavaScript bundle downloads.
CX Codex +1
943installs
server-side-rendering skill A skill that walks your agent through server-side rendering in React and tells you when SSR pays off and when static or client rendering is the better call.
CX Codex +1
942installs
aceternity-ui skill This skill gives your agent the Aceternity UI playbook: 100+ animated React components for Next.js with Tailwind. Useful for hero sections, parallax and 3D effects.
CX Codex +1
1,500installs
electron-dev skill A skill for building Electron desktop apps with React, TypeScript and Vite: IPC, tray, PTY terminals, packaging.
CX Codex +1
305installs
tscircuit skill Guides your agent through electronics design in tscircuit: picking parts, routing traces, running checks. Useful when the schematic lives in TSX.
CX Codex +1
1,100installs
analytics-metrics skill A skill that hands your agent ready Recharts components: line, bar and pie charts plus KPI cards. Useful when a screen needs metrics, not another table.
CX Codex +1
380installs
incremental-static-rendering skill Teaches your coding agent Incremental Static Regeneration in Next.js. It enables background page updates and lazy generation without full site rebuilds.
CX Codex +1
918installs
react-flow skill Provides workflow diagram patterns using @xyflow/react. Helps the agent build custom nodes, handle dynamic connection points, and manage the graph viewport.
CX Codex +1
1,300installs
adding-error-tracking skill This skill wires Sentry into a web app: error tracking, performance traces and source maps. Useful when you want crash reporting without hand-rolling the config.
CX Codex +1
386installs
react-web skill Enforces test-first development for React components and pages using React Testing Library. It triggers automatically when editing .tsx files or components in src/.
CX Codex +1
339installs
static-rendering skill A skill that walks your agent through static generation: which pages can be pre-rendered to HTML at build time and how to do it in Next.js. Useful when content stays the same across requests.
CX Codex +1
910installs
wrapped-video skill Turns a row of data into a vertical shareable recap video. One template, many personalized renders.
CX Codex +1
1,300installs
adding-analytics skill Guides the AI agent in setting up PostHog analytics, page view tracking, feature flags, and session replay across web apps.
CX Codex +1
371installs
streaming-ssr skill Teaches the agent to flush HTML in chunks with renderToPipeableStream and Suspense. Useful when a large page can't wait for the full tree before the first byte.
CX Codex +1
883installs
adding-feature-flags skill Adds feature toggles for gradual rollouts and A/B tests using PostHog or local environment variables.
CX Codex +1
361installs
tanstack-virtual skill A skill that shows the agent how to wire up TanStack Virtual so only visible rows render in long lists, tables and grids.
CX Codex +1
2,500installs
tailwindcss skill Tells the agent how to write TailwindCSS: utility classes in markup, mobile-first breakpoints, dark mode through the dark: variant.
CX Codex +1
1,500installs
framer-motion skill Optimizes React animations using Framer Motion guidelines: slashes bundle size, eliminates unnecessary re-renders, and polishes gesture or scroll transitions.
CX Codex +1
1,100installs
api-design skill This skill shapes and reviews public APIs for TypeScript, JavaScript, React, and React Native libraries before implementation.
CX Codex +1
552installs
typescript-react-reviewer skill A code review skill for TypeScript and React 19 apps. Catches hook anti-patterns, state mutations and type safety gaps before you merge.
CX Codex +1
9,000installs
frontend-accessibility-best-practices skill A skill with 7 accessibility rules for React: semantic markup, screen readers, keyboard support, user preferences. Useful when you build forms and interactive elements.
CX Codex +1
863installs
react-query skill Tells the agent how to fetch and cache server data in React: queries, mutations, invalidation and optimistic updates.
CX Codex +1
1,400installs
tanstack-devtools skill Helps AI agents configure the unified TanStack debugging panel for React. Useful when combining Query, Router, and AI devtools in a single view.
CX Codex +1
2,300installs
react-three-fiber-game
official skill Structures React-hosted 3D browser games and scenes using React Three Fiber and the pmndrs stack.
CX Codex GP ChatGPT
39installs
react-hook-form-zod skill A skill that walks your agent through React Hook Form with Zod validation. One schema covers the client and the server.
CX Codex +1
722installs
react-testing-library skill Guides coding agents to write user-centric component tests using accessible queries, user-event simulations, and async helpers.
CX Codex +1
1,400installs
redux-toolkit skill Redux Toolkit best practices for React and Next.js applications using TypeScript. Helps structure feature slices, typed hooks, and RTK Query endpoints.
CX Codex +1
1,300installs
front-end-developer skill Turns your agent into a senior front-end developer: React, Next.js, TypeScript, Tailwind, accessibility. Useful when you want components written, not discussed.
CX Codex +1
1,300installs
tauri-development skill The skill provides guidelines for building desktop applications with Tauri. It sets coding standards across Rust and TypeScript.
CX Codex +1
1,300installs
nextjs-typescript-tailwindcss-supabase skill A skill that steers your agent toward Next.js 14, TypeScript, TailwindCSS and Supabase: server components, error handling, readable code.
CX Codex +1
1,300installs
webflow-code-component:component-audit skill Reviews Webflow code components for architecture: what should be a prop, how state is wired, where slots are missing, and what breaks in Shadow DOM.
CX Codex +1
1,000installs
webflow-cli:designer-extension skill A skill that walks the agent through the whole Designer Extension loop in Webflow: pick a template, init the project, serve it locally, bundle it for upload.
CX Codex +1
1,000installs
webflow-cli:code-component skill Configures React projects and deploys custom React components to Webflow Designer using Webflow CLI. Useful when sharing code components with designers.
CX Codex +1
1,000installs
webflow-code-component:component-scaffold skill Scaffolds a Webflow Code Component boilerplate with React 18+ and a .webflow.tsx definition file. Checks project dependencies before generating code.
CX Codex +1
997installs
webflow-cli:devlink skill Pulls Webflow Designer components into React and Next.js code, syncs later design edits, and shows what changed after each sync.
CX Codex +1
998installs
webflow-code-component:convert-component skill Turns an existing React component into a Webflow Code Component: reads the props, writes the .webflow.tsx definition and flags what has to change.
CX Codex +1
995installs
21st-cli-use skill Searches, retrieves, and installs React and shadcn components or SVG logos from the 21st.dev catalog using the 21st CLI. Activates when components.json is present.
CX Codex +1
2,000installs
361–400 of 717
