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.
nuqs skill A skill with 39 nuqs rules covering typed parsers, adapters, Server Components and URL update performance. Useful when an agent writes or refactors URL state code.
CX Codex +1
2,300installs
nextjs-cache-architecture skill Structures caching architecture in Next.js 16+ App Router projects. It sets up the "use cache" directive, a typed tag registry, and Suspense boundaries.
CX Codex +1
5,000installs
r3f-best-practices skill A skill with 70+ rules for writing, reviewing, and optimizing React Three Fiber code. It prevents costly re-renders and organizes work with the Poimandres stack.
CX Codex +1
1,500installs
extension-camera skill Adds instructions for integrating a React useCamera hook into web apps. Useful for live camera previews and photo capture.
CX Codex +1
28,100installs
extension-qr-code skill Adds QR code scanning through the device camera to a React app. Useful when you need to read a code right in the browser.
CX Codex +1
28,200installs
react-vite-best-practices skill A skill with 23 rules for optimizing React apps built with Vite: build config, code splitting, HMR, assets, env variables and bundle analysis. Useful when an agent writes or reviews components.
CX Codex +1
2,900installs
extension-invite-links skill Adds invite links and RSVP collection to your project. Guests submit answers using unique codes without logging in, while admins view all responses after sign-in.
CX Codex +1
28,100installs
primitives skill Builds custom chat interfaces with unstyled @assistant-ui/react primitives. Useful for assembling custom threads, composers, and message parts with full behavioral logic.
CX Codex +1
6,300installs
tools skill A skill about declaring tools the model can call and rendering those calls in assistant-ui. Useful when a tool never fires or its UI stays blank.
CX Codex +1
6,300installs
framer-motion skill Tells your agent which properties to animate in Motion and which ones wreck layout. Useful when the project already runs React and TypeScript.
CX Codex +1
3,000installs
agent-elements skill Guides agents in building chat, tool-calling, and approval UIs in React 19 and Tailwind v4 projects. Uses shadcn components and the Vercel AI SDK.
CX Codex +1
724installs
avoid-ai-design skill A skill that audits frontend code for the patterns that make a UI look AI-generated, then rewrites it around one deliberate design direction. Useful when a Claude or Codex build looks like everyone else's.
CX Codex +1
641installs
tanstack-router skill A TanStack Router skill for React and Solid: file-based routing, search params and data loading with full type checking.
CX Codex +1
4,900installs
thread-list skill A skill for assistant-ui that adds a sidebar of conversations with switching, renaming, archiving and deleting.
CX Codex +1
6,200installs
emblem-ai-react skill A skill for building a React app with EmblemAI authentication and wallet-enabled accounts. It covers providers, hooks and ready-made login and chat components.
CX Codex +1
8,800installs
fishjam skill A skill covering the Fishjam platform and its SDKs, so your agent writes backend and client video code without guessing.
CX Codex +1
761installs
emblem-ai skill Adds wallet, email or social sign-in to your app and gives every user a wallet-enabled account, plus drop-in chat components and live app debugging.
CX Codex +1
8,700installs
update skill Upgrades an existing assistant-ui app to AI SDK v7 and assistant-ui 0.15.x, applying the required migrations. Use it when a package bump breaks types or removes hooks.
CX Codex +1
5,900installs
effect-best-practices skill A skill that makes the agent follow Effect-TS conventions for services, errors, layers and atoms. Useful when the codebase already runs on Effect.
CX Codex +1
840installs
vitest-skill skill Generates Vitest unit tests for JavaScript and TypeScript projects. Provides patterns for vi mocking and React component testing.
CX Codex +1
448installs
contentful-custom-app-from-scratch skill Walks an agent through building a Contentful App Framework custom app: brief, location choice, scaffold, local test, handoff.
CX Codex +1
2,800installs
import-on-interaction skill A skill that teaches the agent to defer heavy components and widgets until a click, hover or form input actually needs them.
CX Codex +1
1,500installs
dynamic-import skill Teaches coding agents on-demand module loading with dynamic import(). It helps cut initial bundle sizes by deferring non-critical components.
CX Codex +1
1,500installs
tanstack-form skill Teaches your AI assistant how to build type-safe forms with TanStack Form, schema validation adapters, and dynamic array fields.
CX Codex +1
4,300installs
gsap-animation skill Integrates GSAP animations into Remotion video projects. It brings timeline orchestration, SplitText reveals, and custom easing curves into React-based video rendering.
CX Codex +1
313installs
shadcn
official skill This skill guides Codex through adding shadcn/ui components and configuring themes. Use it when building a React interface with Tailwind CSS.
CX Codex GP ChatGPT
72installs
mapbox-web-integration-patterns skill Official Mapbox GL JS integration patterns for React, Vue, Svelte, Angular and vanilla JavaScript. Useful when a map leaks memory or refuses to initialize in the right hook.
CX Codex +1
2,600installs
accessible-animation skill A skill that teaches your agent to honor prefers-reduced-motion: strip the motion that causes nausea, keep the fades and cues that help.
CX Codex +1
2,600installs
route-based skill Tells the agent how to split a single-page app by route so only the code for the current page is fetched. Useful when routes are many and the first load drags.
CX Codex +1
1,400installs
virtual-lists skill Teaches your coding agent list virtualization and windowing techniques for React. Solves scroll stutter and reduces initial rendering time for heavy datasets.
CX Codex +1
1,500installs
import-on-visibility skill A skill that teaches the agent to defer components and images until the user scrolls them into view. Useful when your first paint is dragging.
CX Codex +1
1,500installs
awwwards-animations skill A React animation skill for Awwwards and FWA-grade work: scroll effects, custom cursors, page transitions, generative art. Useful when you need smooth 60fps motion.
CX Codex +1
2,900installs
senior-fullstack skill Generates production-ready project templates for Next.js, FastAPI, MERN, or Django, and runs static quality audits on existing codebases.
CX Codex +1
311installs
ui-design skill Picks a visual direction, writes the interface code, and audits what shipped for user-facing defects. Useful when you need a landing page or a dark mode pass.
CX Codex +1
1,400installs
slide-deck skill Builds React/Next.js slide decks: draft from a brief, edit an existing deck, convert PPTX, export to HTML, PDF or a Vercel URL.
CX Codex +1
342installs
cloud skill Wires AssistantCloud into an assistant-ui app for cross-session thread history, message feedback and file uploads.
CX Codex +1
5,000installs
micro-interaction skill A skill for small UI motion: hover and press feedback, toggles, toasts, drawers, list reordering. Useful when an interface needs to feel responsive.
CX Codex +1
2,500installs
screenshot-to-code skill Turns a screenshot, mockup or Figma export into working front-end code, then renders it and compares the result against the image. Handy when the design exists but the markup does not.
CX Codex +1
1,300installs
tanstack-pacer skill A skill that tells your agent how to wire up TanStack Pacer: debouncing, throttling, rate limiting, queues and batching in one package.
CX Codex +1
3,900installs
tanstack-start skill Guides agents through building full-stack React apps with TanStack Start, streaming SSR, and type-safe server functions.
CX Codex +1
3,900installs
281–320 of 649
