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.
youtube-intro-outro skill Builds a 3–5s logo sting intro and an outro plate with room for YouTube's clickable elements. One brand object re-skins the whole channel.
CX Codex +1
686installs
form-wizard-builder skill Builds multi-step forms with validation schemas, step components, shared state, a progress indicator and a review step before submit.
CX Codex +1
328installs
nextjs-code-quality-enforcer hook A PostToolUse hook that checks every Next.js file you write: App Router structure, Server and Client Component directives, imports, types. It runs right after an edit.
2,249installs
cc-design-html-prototyping skill This skill builds HTML mockups, slide decks, and interactive prototypes. Use it to explore visual directions before implementing an interface.
CX Codex +1
423installs
code-review-security skill A skill that walks pull requests and auth code through the OWASP Top 10 checklist and writes findings to security-review.md.
CX Codex +1
438installs
react-performance-optimizer subagent This subagent tracks down unnecessary renders, optimizes bundle chunking, and tunes Core Web Vitals in React apps. Useful when web pages lag during heavy UI updates.
2,081installs
next-cache-components
official skill Guides AI agents through Next.js 16 Cache Components, the use cache directive, and Partial Prerendering setup.
CX Codex GP ChatGPT
4installs
json-render
official skill Guides rendering of AI SDK v6 UIMessage parts, tool call results, and streaming states in custom React chat interfaces.
CX Codex GP ChatGPT
4installs
stream-react skill A skill for building and auditing Stream Chat, Video and Feeds in React and Next.js apps. Keeps you from writing SDK code from stale memory.
CX Codex +1
304installs
headlessui skill A skill covering Headless UI: unstyled React and Vue components with keyboard navigation and ARIA built in. Useful when you want your own design without losing accessibility.
CX Codex +1
345installs
state-management skill A skill that classifies React state into packets and picks the narrowest owner, so you stop arguing about libraries before you know what the state is.
CX Codex +1
365installs
cloudinary-next skill Guides your agent through Next.js code that uses Cloudinary: images, video, uploads, OG cards. Handy when the server/client boundary or signed uploads get messy.
CX Codex +1
307installs
remotion-saas
official skill Guides you through building a Remotion app, from a simple form that triggers a render to a full video editor. Useful for SaaS products that output video.
CX Codex GP ChatGPT
3installs
safe-action-hooks skill A skill that tells your agent which next-safe-action hook fits a form or optimistic UI, and how to wire it to the server action.
CX Codex +1
1,200installs
next-intl-app-router skill Sets up next-intl with locale-prefixed routes: config, proxy, navigation and message files. Useful when a project gets a second language.
CX Codex +1
601installs
power-bi-custom-visuals-development
official rule A GitHub Copilot rule that gives the agent patterns for building Power BI custom visuals with React, D3.js and TypeScript.
★ 40,418repo stars
react19-dep-surgeon
official subagent Walks a project's dependencies up to React 19 step by step: core, testing-library, Apollo and Emotion, then peer conflicts, ending in a GO/NO-GO verdict.
★ 40,418repo stars
react18-test-guardian
official subagent A subagent that fixes failing tests after the move to React 18.3.1 and keeps looping until nothing fails.
★ 40,418repo stars
react18-class-surgeon
official subagent A GitHub Copilot subagent that moves class components from React 16/17 to React 18.3.1, replacing unsafe lifecycle methods and legacy APIs.
★ 40,418repo stars
react18-auditor
official subagent Scans React 16 and 17 class components for deprecations before moving to React 18.3.1. It reads code without editing files and outputs results to .github/react18-audit.md.
★ 40,418repo stars
react19-upgrade
official plugin Automates migration from React 18 to React 19 across codebases. Helps remove deprecated APIs and repair broken test suites without tedious manual rewrites.
★ 40,418repo stars
react18-upgrade
official plugin Guides React 16 and 17 projects through an upgrade to React 18.3.1, covering deprecated APIs, dependencies, class components, and tests.
★ 40,418repo stars
power-apps-code-apps
official plugin Scaffolds Power Apps Code Apps projects and provides an agent for Power Platform and Dataverse guidance.
★ 40,418repo stars
frontend-web-dev
official plugin Adds Playwright MCP testing commands and specialized agents to GitHub Copilot. It helps developers test web interfaces and build React 19.2 components.
★ 40,418repo stars
syncfusion-react-image-editor skill A skill for the Syncfusion React Image Editor component: tells the agent how to wire image editing into a React app.
CX Codex +1
713installs
syncfusion-react-tabs skill Guides the agent through building and customizing Syncfusion Tab components in React: headers, drag-and-drop, content rendering.
CX Codex +1
710installs
syncfusion-react-barcode skill A skill for generating barcodes, QR codes and Data Matrix codes in React with Syncfusion components. Useful when codes go into a form, report or label.
CX Codex +1
706installs
syncfusion-react-dashboard-layout skill A skill that tells your coding agent how to build React dashboards with draggable Syncfusion panels.
CX Codex +1
703installs
syncfusion-react-maps skill Walks the agent through building geographic maps in React: GeoJSON, markers, bubbles, legends, choropleth. Useful when data has to be shown by region.
CX Codex +1
702installs
syncfusion-react-blockeditor skill A skill that walks your agent through the Syncfusion React BlockEditor: block-based content editing with menus, drag-and-drop and Yjs collaboration.
CX Codex +1
701installs
syncfusion-react-treeview skill An agent skill for building hierarchical trees with @syncfusion/ej2-react-navigations: node selection, checkboxes, drag-drop, inline editing and templates.
CX Codex +1
700installs
syncfusion-react-popups skill A skill that tells your coding agent how to build modal dialogs, tooltips and popovers with Syncfusion React components.
CX Codex +1
658installs
syncfusion-react-3d-chart skill This skill walks your agent through Syncfusion 3D column and bar charts in a React app. Handy when a chart needs axes, a legend and export.
CX Codex +1
656installs
syncfusion-react-notifications skill A skill covering Syncfusion's React notification components: Toast, Badge, Message, Skeleton and Spinner. Useful when you need status indicators without digging through docs.
CX Codex +1
654installs
syncfusion-react-timeline skill Tells your agent how to build event chronologies with the Syncfusion Timeline component for React. Useful for roadmaps, shipping tracking and activity feeds.
CX Codex +1
650installs
syncfusion-react-smithchart skill A skill that walks your agent through building and customizing Syncfusion's React Smith Chart for impedance and RF work.
CX Codex +1
647installs
syncfusion-react-3d-circular-chart skill A skill that walks your coding agent through building 3D pie and donut charts in React with Syncfusion components.
CX Codex +1
646installs
syncfusion-react-sankey skill A skill that walks your coding agent through building Sankey diagrams in React with the Syncfusion chart component: nodes, links, legend, tooltips and export.
CX Codex +1
644installs
syncfusion-react-stock-chart skill A skill that walks your agent through building a stock chart with the Syncfusion Stock Chart component in React: candles, OHLC, indicators.
CX Codex +1
642installs
Semiotic MCP server MCP server for creating and checking React charts with AI assistants. Useful for interactive dashboards and streaming views.
CX Codex +1
★ 2,716repo stars
561–600 of 649
