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.
vercel-composition-patterns skill A rule set that pushes your agent away from boolean props and toward compound components, shared context and state lifted into providers.
CX Codex +1
418,600installs
pick-ui-library skill A skill that maps a frontend task to one library from Emil Kowalski's curated list: toasts, charts, OTP fields, virtualization, drag and drop. Runs only when you call it.
CX Codex +1
185,400installs
vercel-react-view-transitions skill A skill that walks your agent through native view transitions in React: page changes, shared elements, enter and exit animations without third-party libraries.
CX Codex +1
168,100installs
migrate-radix-to-base skill Migrates React components and full projects from Radix UI to Base UI (@base-ui/react). Useful when switching the underlying primitives in shadcn/ui projects.
CX Codex +1
30,400installs
ask-sonner skill A skill for the Sonner React toast library: how to mount the Toaster, which toast() call to use, and how to fix toasts that never show up.
CX Codex +1
140,500installs
remotion-best-practices skill Routes Remotion tasks to focused guidance for video creation, React markup, maps, multimedia, previews, and rendering.
CX Codex +1
684,500installs
ui-styling skill A skill that helps your agent build accessible interfaces with shadcn/ui and Tailwind CSS: components, themes, dark mode, responsive layouts and canvas design.
CX Codex +1
40,700installs
frontend-ui-engineering skill This skill guides an agent through accessible, responsive UI work. Use it when building pages, components, layouts, or interface state.
CX Codex +1
67,400installs
ai-sdk skill Teaches your coding agent to use the Vercel AI SDK accurately. It forces the model to read installed package docs instead of relying on memory.
CX Codex +1
66,100installs
next-dev-loop skill Checks that an edit to your Next.js app actually works in a running app, not just that it compiles. Built for the next dev loop.
CX Codex +1
22,200installs
next-cache-components-optimizer skill Optimizes Next.js App Shell UI on hard and soft navigations. It sets up failing Playwright instant() checks and guides routes to green.
CX Codex +1
18,800installs
remotion-create skill This skill scaffolds a Remotion project and writes the first React composition. Useful when you want video built from code instead of a timeline editor.
CX Codex +1
214,000installs
shadcn-ui
official skill Helps discover, add, and customize shadcn/ui components in React projects. Useful when building interfaces with Tailwind CSS.
CX Codex +1
53,400installs
remotion-markup skill A skill that tells your agent how to write Remotion React markup: frame-driven animation, media components, effects. Useful when you build video in code.
CX Codex +1
207,700installs
remotion-interactivity skill Guides AI coding agents to structure Remotion markup for Remotion Studio editing. Useful when building video scenes with customizable text, styles, and timing.
CX Codex +1
202,900installs
stitch::react-components
official skill Turns Stitch designs into modular Vite and React components. Can also sync existing components with updated Stitch designs.
CX Codex +1
50,400installs
gsap-react skill This skill guides GSAP animation work in React and Next.js, including scoped selectors, cleanup, and client-only execution.
CX Codex +1
66,300installs
animation-performance skill A diagnostic skill that tracks down dropped frames in web animations and points to the cheaper property to animate instead.
CX Codex +1
36,800installs
anatomy skill Builds detailed interactive isometric SVG figures that explain technical ideas as physical machines. Useful for landing pages and docs.
CX Codex +1
21,800installs
mcp-apps-builder skill Build, modify, debug, migrate, review, and verify TypeScript MCP servers and MCP Apps with mcp-use. Use it for tools, Views, OAuth, and Skills over MCP.
CX Codex +1
32,200installs
fix skill The skill formats changed files and checks for remaining lint issues before a commit. Use it when code needs to pass CI checks.
CX Codex +1
2,300installs
react-doctor skill Audits React codebases for architecture, accessibility, and rendering issues. Computes a health score from 0 to 100 and helps patch regressions.
CX Codex +1
19,200installs
frontend-patterns skill A skill for React and Next.js work: component patterns, state, data fetching, and render performance. Use it when building or reviewing UI.
CX Codex +1
5,900installs
coding-standards skill Baseline cross-project coding conventions for naming, immutability, and clean code principles. Useful for code reviews and refactoring.
CX Codex +1
5,700installs
web-design-engineer skill Directs your coding agent to craft polished web interfaces in HTML, CSS, JavaScript, and React. Useful for building dashboards, UI prototypes, slide decks, and animations.
CX Codex +1
8,700installs
frontend-developer subagent Subagent for building complete frontend applications with React 18+, Vue 3+, and Angular 15+. Handles component architecture, state management, testing, and accessibility.
40,905installs
stitch::extract-design-md
official skill Extracts a complete DESIGN.md design system directly from frontend source files without building or rendering the project. Useful for styling audits and Stitch exports.
CX Codex +1
10,600installs
next-partial-prefetching-optimizer skill Tunes Next.js 16.3+ client link prefetching under Partial Prefetching. Balances instant navigation against deferred data reads before the user clicks.
CX Codex +1
2,400installs
react-performance skill A performance optimization skill for React 18/19 and Next.js. It helps coding agents spot network waterfalls, trim client bundle sizes, and tune Server Components during code review.
CX Codex +1
4,900installs
remotion-video-creation skill This skill gives coding agents Remotion guidance for React video work, from animation and audio to captions, charts, and transitions. Use it while building or editing a Remotion project.
CX Codex +1
4,900installs
react-patterns skill A skill for Claude and other AI editors that steers the agent toward idiomatic React 18/19: hooks discipline, server/client boundaries, forms, data fetching.
CX Codex +1
4,900installs
stitch::code-to-design
official skill Moves an existing frontend into Stitch by extracting standalone HTML and a design system, then uploading both to a project. Useful when bringing pages or components into Stitch for further work.
CX Codex +1
10,200installs
baseline-ui skill Cleans up AI-generated UI code by fixing layout issues, typography, spacing, and animations. Useful for a fast frontend polish pass before merging.
CX Codex +1
24,200installs
react-testing skill A skill for writing React component, hook and page tests with React Testing Library, Vitest or Jest, MSW network mocks and axe accessibility assertions.
CX Codex +1
4,800installs
frontend-a11y skill Accessibility patterns for React and Next.js covering forms, ARIA, keyboard input, and focus. Use it during implementation or code review.
CX Codex +1
4,800installs
motion-foundations skill Defines motion tokens, spring presets, performance rules and prefers-reduced-motion support for motion/react. The foundation other motion skills inherit from.
CX Codex +1
4,700installs
motion-patterns skill A skill with reusable animation patterns for React and Next.js. Use it for buttons, modals, toast notifications, page transitions, scroll reveals, and layout changes.
CX Codex +1
4,700installs
feature-flags skill A skill for working with feature flags in the React repo: where flags live, how to gate tests, and why a channel-specific test fails.
CX Codex +1
1,200installs
verify skill Validates code changes against React repository requirements before committing. Runs Prettier, linter, Flow type checks, and tests.
CX Codex +1
1,200installs
flags skill This skill runs React's feature-flag command and explains the results. Use it to compare release channels when a feature behaves differently between them.
CX Codex +1
1,100installs
1–40 of 649
