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.
sentry-react-sdk skill Walks a React project through full Sentry setup: it scans your dependencies, proposes a feature set, and writes the config. Useful when you want error monitoring wired up without reading the docs end to end.
CX Codex +1
3,100installs
nextjs-data-fetching skill Provides Next.js App Router data fetching patterns, covering Server Components, ISR caching strategies, and SWR or React Query client integration.
CX Codex +1
3,700installs
mantine-custom-components skill Teaches AI agents to build custom components for Mantine 9.x and React 19. It sets up component factories, Styles API support, and CSS variable resolvers.
CX Codex +1
3,600installs
vite-flare-starter skill Clones the vite-flare-starter template and configures it into your own Cloudflare Workers app, with React, Hono, D1 and Drizzle, auth and Workers AI already in place.
CX Codex +1
1,200installs
mantine-combobox skill Teaches the agent to build dropdowns, autocompletes and multiselects on Mantine's Combobox primitives.
CX Codex +1
3,500installs
typegpu skill A skill that helps the agent write TypeGPU code: shaders, buffers, pipelines and the @typegpu/react hooks, with the type plumbing handled.
CX Codex +1
1,600installs
mobile-responsiveness skill Provides mobile-first responsive design patterns, touch gesture handlers, fluid typography rules, and safe area handling for web apps.
CX Codex +1
1,400installs
tanstack-query skill A skill that tells your agent how to use TanStack Query v5: caching, invalidation, mutations and optimistic updates.
CX Codex +1
9,900installs
remotion-video skill A skill for building MP4, GIF and WebM videos in React, where every frame is a pure function of useCurrentFrame, so renders stay deterministic.
CX Codex +1
2,600installs
threejs-r3f skill A skill covering Three.js and React Three Fiber: scene setup, hooks, postprocessing and performance rules. Useful when your agent writes 3D in React.
CX Codex +1
1,000installs
gsap skill This skill helps an agent write GSAP animations with timelines, staggered effects, and ScrollTrigger. Use it for complex motion and scroll-linked scenes.
CX Codex +1
997installs
r3f-interaction skill Configures pointer events, object picking, dragging, and camera controls in React Three Fiber. Helps avoid input conflicts between 3D scene controls and interactive meshes.
CX Codex +1
3,300installs
framer-motion skill Guides coding agents on Framer Motion and Motion patterns in React: layout transitions, gestures, and DOM-direct motion values.
CX Codex +1
990installs
responsive-patterns skill Supplies container query guidelines, fluid typography rules, and CSS subgrid patterns for React components. Helps build adaptable UI elements without relying on viewport media queries.
CX Codex +1
1,600installs
craft-design-engineering skill A skill that hands your agent design engineering rules: type, colour, spacing, motion and numbers. Useful when a UI needs to look finished.
CX Codex +1
479installs
web-frameworks skill A skill group for full-stack work: it gives the agent references for Next.js, Turborepo monorepos and RemixIcon so it stops guessing at project structure.
CX Codex +1
372installs
nextjs-react-typescript skill A skill that sets code style for Next.js App Router, React, TypeScript, Shadcn UI and Tailwind. The agent writes functional components, server-first, with TypeScript interfaces.
CX Codex +1
5,200installs
yyl-remotion-video skill Turns an article, script or notes into a Remotion project and renders mp4. Useful when you need a video file, not a web presentation.
CX Codex +1
503installs
playwright-core skill Provides battle-tested Playwright patterns for E2E, API, and component tests in TypeScript and JavaScript. Helps debug flaky runs, configure fixtures, and structure test suites.
CX Codex +1
778installs
zustand-patterns skill A reference for Zustand 5.x state management: slices, middleware, Immer, useShallow, persistence and devtools. Useful when you want to drop Redux without the boilerplate.
CX Codex +1
1,400installs
react-pdf skill Builds PDF documents using the @react-pdf/renderer library. Use it to render invoices, reports, and forms directly from TypeScript code.
CX Codex +1
751installs
mantine-form skill A skill for building forms with @mantine/form: validation rules, zod and valibot schemas, nested fields and arrays. Useful when your agent writes Mantine forms.
CX Codex +1
2,700installs
motion-dev-animations skill Generates GPU-accelerated Motion.dev animations for React, Next.js, Svelte, and Astro. Implements spring physics, gesture handling, and scroll reveals with accessibility checks.
CX Codex +1
594installs
react-hook-form skill Optimizes client-side forms using React Hook Form 7.82.0 and prevents unnecessary re-renders across field subscriptions, validation, and controlled UI inputs.
CX Codex +1
3,000installs
sentry-tanstack-start-sdk skill Configures Sentry SDK in TanStack Start React applications. It inspects project files to set up error monitoring, tracing, logs, and session replay across browser and server.
CX Codex +1
1,900installs
nextjs-app-router-fundamentals skill A skill that walks the agent through Next.js App Router: Pages Router migration, nested layouts, metadata, dynamic routes. Useful when moving to app/.
CX Codex +1
2,200installs
posthog-analytics skill A skill for wiring PostHog product analytics into your project: event tracking, user identification, feature flags and dashboards. Useful when you need to add tracking.
CX Codex +1
809installs
sentry-react-router-framework-sdk skill Guides the setup of error monitoring and tracing in React Router v7 framework apps. Useful when installing and configuring @sentry/react-router.
CX Codex +1
1,800installs
emilkowal-animations skill A set of 58 web animation rules based on Emil Kowalski's work for React and Framer Motion. Helps tune easing curves, gestures, and UI timing.
CX Codex +1
2,800installs
frontend-enhancer skill A Next.js skill with ready React components, six color palettes, CSS animations and section templates. Useful when the interface needs a visual pass.
CX Codex +1
968installs
frontend-testing-best-practices skill A set of 6 testing guidelines that prioritizes Playwright E2E workflows over isolated React component tests and heavy mocking.
CX Codex +1
2,200installs
r3f-postprocessing skill A skill that walks the agent through postprocessing in React Three Fiber: glow on chosen meshes, depth of field, SSAO. Useful when the render looks off and you cannot pin down why.
CX Codex +1
1,900installs
foundry-hosted-agent-copilotkit
official skill Connects a CopilotKit React frontend to a Microsoft Agent Framework agent in Microsoft Foundry via the AG-UI protocol. Helps connect and deploy agentic web apps.
29installs
frontend-design skill The skill makes the agent pick a bold visual direction before writing code, then hold it through every detail. Useful when a generated interface should not look generated.
CX Codex +1
7,300installs
assistant-ui skill Guides AI chat interface development in React: package selection, runtime adapters, and state architecture for assistant-ui.
CX Codex +1
7,200installs
no-use-effect skill A skill that stops the agent from writing useEffect in React code and points to five replacements. Useful during refactors and PR review.
CX Codex +1
1,000installs
react-2026 skill Guides stack choices for new and migrating React projects. Covers frameworks, build tools, routing, state managers, and React 19 features.
CX Codex +1
1,900installs
ai-ui-patterns skill A skill that tells your agent how to build React chat interfaces: streaming responses, conversation state, error handling. Useful when you ship a chatbot or assistant.
CX Codex +1
2,000installs
r3f-loaders skill Guides 3D asset loading and reuse in React Three Fiber. Helps set up hooks, preloading, scene cloning, and fallback UI.
CX Codex +1
1,800installs
tanstack-table skill This skill teaches the agent how to build headless tables with TanStack Table v8. It guides setup for sorting and filtering without render loops.
CX Codex +1
5,400installs
241–280 of 649
