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.
inertia-rails-forms skill A skill for building forms in Inertia.js + Rails: create, edit, delete, multi-step wizards and file uploads. Useful when wiring form submission to Rails controllers.
CX Codex +1
486installs
build-chatgpt-app
official skill Scaffolds, refactors, and debugs ChatGPT Apps SDK projects combining MCP servers with widget UIs. Useful when building apps for ChatGPT in Codex.
CX Codex GP ChatGPT
16installs
nextjs-client-cookie-pattern skill A skill that shows how a Next.js client component sets a server-side cookie through a server action. Useful for themes, auth and language preferences.
CX Codex +1
323installs
create-remotion-geist skill A skill that steers your agent to build Remotion videos in Vercel's Geist look: dark theme, Geist type, spring motion.
CX Codex +1
484installs
react-component-generator skill A skill that generates React components in TypeScript with props, hooks and accessibility. Useful when building new UI elements or refactoring old ones.
CX Codex +1
318installs
nextjs-use-search-params-suspense skill A skill that shows how to read URL query parameters in Next.js client components: the 'use client' directive plus a Suspense wrapper.
CX Codex +1
311installs
feature-arch skill Turns a React project into a feature-based layout and writes a target-architecture blueprint with directory tree, public APIs and a migration plan.
CX Codex +1
412installs
shadcn-component-review skill Reviews finished components and layouts against shadcn patterns: spacing, semantic tokens, primitive composition, and the project's chosen visual style.
CX Codex +1
635installs
nextjs-dynamic-routes-params skill A skill that steers the agent through App Router dynamic segments and the params prop in Next.js 15+. Useful when a page depends on an ID or slug from the URL.
CX Codex +1
303installs
rspress-custom-theme skill A skill that walks your agent through Rspress v2 theme changes, from CSS variables up to replacing built-in components.
CX Codex +1
408installs
react-testing-library skill A skill with 43 React Testing Library rules. It steers the agent toward tests that check behaviour instead of component internals.
CX Codex +1
402installs
konsta-ui skill A skill that walks your agent through Konsta UI v5 setup in Capacitor and helps track down why components render unstyled.
CX Codex +1
836installs
react-optimise skill A skill that walks through React app performance: React Compiler, bundle size, rendering, data fetching, Core Web Vitals. Useful when your app feels slow.
CX Codex +1
396installs
csrf-protection skill A skill that walks your agent through CSRF protection: synchronizer tokens, double-submit cookies and SameSite attributes.
CX Codex +1
453installs
react-and-nextjs-data-visualization
official skill Patterns for embedding charts and diagrams into React and Next.js: SSR boundaries, hydration safety, URL-backed state, and isolated rendering layers.
CX Codex GP ChatGPT
13installs
generative-ui skill An assistant-ui skill that lets the model assemble a UI from a component vocabulary at runtime instead of filling a layout you wrote.
CX Codex +1
1,000installs
websocket-implementation skill A skill that has your agent write the WebSocket server and client: rooms, reconnection, Redis scaling.
CX Codex +1
425installs
bun-tanstack-start skill A skill that tells your agent how to build a TanStack Start app on the Bun runtime: routing, server functions, build config.
CX Codex +1
414installs
mui-base skill A skill with 48 rules for building headless React component libraries the MUI Base UI way. Useful when logic and styling stay apart.
CX Codex +1
328installs
ink skill A skill for building chat interfaces inside the terminal: it wires the assistant-ui runtime to Ink's renderer and prints assistant text as ANSI markdown.
CX Codex +1
923installs
shadcn-ui skill Teaches your agent how to build shadcn/ui components: Radix primitives, Tailwind, CVA variants and data-slot.
CX Codex +1
351installs
ionic-app-upgrades skill Walks the agent through a major Ionic upgrade: step-by-step migrations for Angular, React and Vue, plus component and CSS variable breaking changes.
CX Codex +1
740installs
bun-react-ssr skill A skill for building server-rendered React on Bun: renderToString, streaming, hydration and a hand-rolled router.
CX Codex +1
395installs
shadcn-layouts skill Teaches the agent the CSS models behind shadcn and Tailwind layouts, so height, scroll and flex/grid problems get fixed instead of guessed at.
CX Codex +1
457installs
nextjs-architecture-expert subagent A Claude subagent for Next.js architecture: App Router, Server Components, Pages Router migration and performance work.
4,935installs
echarts skill A skill for building, styling and debugging Apache ECharts charts in JavaScript, React and Vue.
CX Codex +1
2,700installs
inngest-realtime skill A skill that shows the agent how to push updates from durable Inngest functions into a live UI: order status, token streaming, logs and user approvals.
CX Codex +1
797installs
thesys-generative-ui skill A skill that teaches your agent to build React components from plain-language prompts with the Thesys SDK. Handy when you want a UI sketched out from a description.
CX Codex +1
371installs
mastering-animate-presence skill Checks Motion and Framer Motion code for AnimatePresence mistakes and exit animation problems. Useful when reviewing modals and lists.
CX Codex +1
322installs
pwa-development skill A skill for React and Svelte projects that walks the agent through service workers, offline support and installable apps. Useful when offline behaviour is planned, not patched in later.
CX Codex +1
437installs
react-flow-code-review skill Walks @xyflow/react code through a review checklist: anti-patterns, wasted re-renders, typing. Useful when a graph stutters or nodes keep remounting.
CX Codex +1
319installs
sentry-react-sdk skill The skill scans your React app and walks you through a full Sentry setup: errors, tracing, session replay, logging and profiling.
CX Codex +1
579installs
gsap-awwwards-website skill This skill scaffolds a product landing template built on React 19, GSAP scroll animations and Tailwind CSS 4.
CX Codex +1
810installs
legend-state-best-practices skill A skill that sets the rules for @legendapp/state: observable ownership, subscriptions, effects and persistence. Useful when you build or audit reactive code.
CX Codex +1
475installs
ionic-react skill Walks the agent through Ionic Framework apps built with React: project layout, IonReactRouter, lifecycle hooks and state management.
CX Codex +1
622installs
react-coding-style skill A skill that steers your coding agent through React implementation and review: narrow subscriptions, stable identities, honest hook dependencies.
CX Codex +1
466installs
liveblocks-best-practices skill A Liveblocks skill that feeds your agent reference docs on rooms, comments, presence and auth, plus the errors people hit most.
CX Codex +1
882installs
rive-animations skill A skill that walks your agent through building Rive animations on Disney's 12 principles: state machines, inputs, timing, React hooks.
CX Codex +1
560installs
video-producer skill Build a custom video player, wire up HLS streaming and picture-in-picture inside your project.
CX Codex +1
449installs
add-ui skill Generates five distinct UI directions for a new or existing section, then walks you through comparing them and applying the one you pick.
CX Codex +1
636installs
481–520 of 649
