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.
tanstack-query skill Delivers 41 performance rules for TanStack Query v5. Guides AI agents on cache invalidation, key factories, and mutation rollbacks.
CX Codex +1
457installs
tanstack-ranger skill Headless utilities for accessible single and multi-range sliders. Helps your coding agent wire up slider mechanics without imposing markup or CSS.
CX Codex +1
1,300installs
react-flow-advanced skill Guides your coding agent through complex React Flow implementations, including nested sub-flows, dagre layouts, drag-and-drop, and undo/redo history.
CX Codex +1
631installs
frontend-tailwind-best-practices skill Ten Tailwind CSS rules for frontend work: stack utilities, gap-based spacing, dark color schemes and className merging. Useful when an agent writes component styles.
CX Codex +1
464installs
gsap skill Tells your agent how to write GSAP animations: transforms over left/top, stagger, timelines, ScrollTrigger. Useful when the UI stutters on weaker hardware.
CX Codex +1
769installs
styled-components-best-practices skill Guides AI coding assistants on CSS-in-JS architecture in React: style isolation, file structure, TypeScript theme typing, and ThemeProvider setup.
CX Codex +1
762installs
frontend-testing skill Guides frontend testing setups with Jest, Vitest, React Testing Library, and Cypress. Useful for unit tests, Vue components, and end-to-end flows.
CX Codex +1
508installs
electron-best-practices skill A skill that steers an AI agent through Electron apps with React: security defaults, typed IPC, packaging and signing. Useful whenever the agent writes main, preload or renderer code.
CX Codex +1
820installs
anime-js skill A skill that gives your agent rules for writing Anime.js animations: timelines, stagger, SVG morphing and performance. Useful when AI writes the motion code.
CX Codex +1
736installs
tanstack-query skill A skill that tells your agent how to handle server state in React with TanStack Query v5: query keys, queryOptions, mutations, v4 migration.
CX Codex +1
724installs
solidity skill A skill for writing and reviewing Solidity contracts: reentrancy defenses, gas optimization, testing, and React frontend wiring.
CX Codex +1
721installs
accessibility-compliance skill This skill guides accessibility work for WCAG 2.1/2.2, keyboard navigation, screen readers and a11y checks in web interfaces.
CX Codex +1
482installs
web-performance-optimization skill A skill for speeding up web apps: code splitting, lazy loading, caching, compression and monitoring. Useful when pages load slowly.
CX Codex +1
482installs
frontend-state-management skill A skill that guides your agent through frontend state management: Redux, MobX, Zustand or the Context API.
CX Codex +1
480installs
vercel-development skill A rule set that steers your coding agent toward Next.js App Router, React Server Components and the Vercel AI SDK. Useful when the agent keeps reaching for client components by reflex.
CX Codex +1
712installs
react-router-v7 skill A skill that gives your agent React Router v7 practices: when to reach for a loader, a Form or a fetcher, and how nested routes fit together.
CX Codex +1
572installs
data-viz-2025 skill A skill for React, Next.js and TypeScript projects: helps build interactive charts, dashboards and data stories with Tailwind CSS.
CX Codex +1
304installs
ionic-app-development skill Guides coding agents through Ionic Framework development, covering 80+ UI components, CLI commands, and page lifecycle hooks for existing apps.
CX Codex +1
1,200installs
ionic-expert skill A skill that hands your agent a working reference for Ionic Framework: components, CLI, theming, navigation and Angular, React, Vue patterns.
CX Codex +1
1,200installs
stripe skill Integration rules for Stripe in TypeScript, React and Next.js: server-side payments, subscriptions, webhooks. Useful when your agent writes checkout code.
CX Codex +1
704installs
monorepo skill A skill that hands your agent a rulebook for monorepos built on TypeScript, React, Next.js and Expo with Turbo. Useful when several apps and shared packages live in one repo.
CX Codex +1
694installs
remix skill A skill that turns your coding agent into a Remix and TypeScript helper, with ready patterns for data loading, mutations and nested routes.
CX Codex +1
686installs
cra-to-next-migration skill Guides code assistants through migrating Create React App codebases to Next.js 16+. It converts React Router routes, adjusts environment variables, and adopts App Router patterns.
CX Codex +1
900installs
apollo-graphql skill A skill that gives the agent rules for Apollo Client work: queries, mutations, fragments, caching and optimistic updates in React GraphQL apps.
CX Codex +1
677installs
eslint-prettier-config skill Sets up ESLint and Prettier in a TypeScript and React project: configs, rules, scripts and a pre-commit hook.
CX Codex +1
1,100installs
frontend-react-router-best-practices skill React Router architecture and performance rules for coding agents. Teaches models to write parallel loaders and secure mutation handlers without client waterfalls.
CX Codex +1
401installs
react skill A skill with 49 React 19 rules and a codebase review algorithm. Useful when writing components, migrating from React 18, or auditing a repo.
CX Codex +1
489installs
graphql-development skill A skill that gives the agent GraphQL guidelines: schema design, type-safe clients, React and Next.js integration. Useful when it writes resolvers and queries.
CX Codex +1
661installs
e2e-testing skill Defines Playwright end-to-end testing patterns for full-stack React and Python applications. Enforces Page Object Model architecture and stable selectors.
CX Codex +1
1,600installs
convex skill Tells the agent how to write Convex code: queries, mutations, actions, indexes and file uploads. Useful once Convex is your backend.
CX Codex +1
651installs
nextjs-server-client-components skill Helps agents choose between Server and Client Components in Next.js App Router, configure cookies, and handle searchParams without API mixing.
CX Codex +1
360installs
capacitor-expert skill A Capacitor reference skill for AI agents: architecture, CLI, plugins, framework integration and Capawesome Cloud. Useful when the agent builds or debugs a cross-platform app.
CX Codex +1
1,100installs
inertia-rails-architecture skill Sets the server-driven patterns for Rails + Inertia.js + React and routes you to the right companion skill when you build a page, form or CRUD.
CX Codex +1
537installs
onchainkit skill A skill that teaches your coding agent the OnchainKit SDK: identity, wallet, transaction, swap and frame components with TypeScript examples.
CX Codex +1
641installs
adk-frontend skill A skill with tested patterns for a frontend that talks to Botpress ADK bots: auth, client setup, generated types and action calls.
CX Codex +1
1,700installs
jest-react-testing skill A skill for testing React components and hooks with Jest and React Testing Library: config, mocks, async patterns.
CX Codex +1
1,200installs
inertia-rails-pages skill A skill for building Inertia Rails pages: persistent layouts, Link and router navigation, URL-driven state, deferred sections and infinite scroll.
CX Codex +1
504installs
vinext-vite-nextjs skill Guides your AI assistant through running Next.js codebases on Vite and deploying them to Cloudflare Workers.
CX Codex +1
1,400installs
zustand skill A skill with 43 rules for Zustand in React: store architecture, selectors, re-render fixes. Useful when you write or refactor a store.
CX Codex +1
446installs
nextjs-advanced-routing skill A skill that briefs your coding agent on advanced Next.js App Router work: Server Actions, Route Handlers, parallel and intercepting routes.
CX Codex +1
334installs
441–480 of 649
