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.
react-performance-optimization subagent A subagent that tracks down React performance problems: wasted re-renders, bloated bundles, memory leaks. Useful when a page drags or Core Web Vitals slip.
3,935installs
metabase-embedding-sso-implementation skill A skill that walks the agent through adding JWT SSO to your Metabase embedding: signing endpoint, frontend auth layer, group mappings.
CX Codex +1
363installs
metabase-react-sdk-setup skill A skill that walks the agent through first-time setup of the Metabase React SDK: instance detection, API key, dashboard discovery, JWT auth and package install.
CX Codex +1
362installs
encore-frontend skill A skill that connects React, Next.js, Vue or Svelte apps to an Encore.ts backend: typed client generation, CORS setup and auth tokens.
CX Codex +1
763installs
react-spring skill A skill that maps all 12 Disney animation principles onto React Spring's spring physics, with a working example for each one.
CX Codex +1
513installs
designing-frontend-interfaces skill The skill makes the agent write a design brief and lock a token block before touching component code. Useful when your UI looks like default AI output.
CX Codex +1
642installs
nextjs skill A skill with 42 rules for Next.js 16 App Router caching, routing and server components. Keeps your agent on current practices instead of deprecated APIs.
CX Codex +1
479installs
feature-arch skill A skill that sets folder and module-boundary rules for React apps: 42 rules in 8 categories, from directory layout to file naming.
CX Codex +1
473installs
use-topbar skill A skill that wires the @aura/topbar component into Flows/Fusion apps: breadcrumbs, theme switcher, Atlas launcher.
CX Codex +1
1,900installs
graph-viewer skill This skill walks an agent through embedding an interactive CDF data model graph in a Flows app: nodes, relations and reverse relations.
CX Codex +1
1,900installs
setup-python-tools skill Wires client-side Python tool execution through Pyodide into an app that already has useAtlasChat. Useful when the agent ships tool code and the browser should run it.
CX Codex +1
1,900installs
security skill Walks a Flows app step by step, finds leaked secrets, unsafe DOM calls and auth gaps, then fixes each one in place.
CX Codex +1
1,900installs
integrate-todo-list skill Adds a TodoWrite tool and a task panel so the in-app Atlas agent can show progress on multi-step work.
CX Codex +1
1,900installs
reveal-3d skill Adds an interactive Cognite Reveal viewer to a Flows app: CAD models, point clouds, 360° image collections and CDF scenes.
CX Codex +1
1,900installs
ui-designer skill A skill that picks a deliberate visual direction before writing code, then builds the interface around typography, color, motion and composition.
CX Codex +1
3,600installs
shadcn skill A skill that hands your agent a rulebook for shadcn/ui: component architecture, accessibility, theming, forms and tables. Useful whenever it writes or edits React UI.
CX Codex +1
458installs
reactlynx-best-practices skill Reviews, writes and refactors ReactLynx code for Lynx's dual-thread runtime: thread boundaries, lifecycle, event handlers, code splitting.
CX Codex +1
450installs
cloudinary-react skill Feeds your agent exact Cloudinary React SDK imports and patterns, so it stops guessing subpaths and breaking the upload widget.
CX Codex +1
657installs
gsap-react skill A skill with GSAP patterns for React: the useGSAP hook, ref handling, cleanup on unmount and timeline control.
CX Codex +1
724installs
vercel-react-best-practices skill A skill with 70 React and Next.js performance rules from Vercel. Useful when writing components, refactoring, or chasing slow renders.
CX Codex +1
448installs
appkit skill A skill that walks your agent through Reown AppKit: wallet modal, network switching, EVM, Solana and Bitcoin. Useful when a web app needs wallet connection.
CX Codex +1
1,100installs
formisch skill A skill that teaches your agent to build forms with Formisch, the headless Valibot-based library. Useful whenever a project has inputs and validation.
CX Codex +1
418installs
framer-motion-react skill A Framer Motion skill for React and Next.js: AnimatePresence, layout animations, useAnimation, and the SSR workarounds that keep hydration quiet.
CX Codex +1
822installs
framer-motion-scroll skill A Framer Motion skill that tells your agent how to build scroll-linked animations, parallax and progress indicators.
CX Codex +1
803installs
integrate-fusion-agent skill This skill wires the Atlas/EOS sidebar into a Flows/Fusion app through @cognite/app-sdk instead of an embedded chat.
CX Codex +1
1,700installs
ai-elements
official skill This skill guides React AI interfaces built with ai-elements and shadcn/ui. Use it for chat views, streaming responses, tool calls, and reasoning panels.
CX Codex GP ChatGPT
7installs
tldraw MCP server Connects an interactive tldraw canvas to an AI agent for drawing, editor actions, and saved canvas state.
CX Codex +1
★ 51,091repo stars
framer-motion-gestures skill A skill covering Framer Motion gesture animations: drag, pan, tap, hover and focus. Useful when you build interactive elements and need the prop details at hand.
CX Codex +1
766installs
React State Management taste prompt A ruleset for picking React state tools: when to use useState, Zustand, Context and TanStack Query. Helps avoid overbuilt global stores and duplicated state.
GP ChatGPT
★ 174,597repo stars
Teacher of React.js prompt A prompt that asks an AI to teach React.js from scratch through a table of topics, learning guidance, and practice assignments.
GP ChatGPT
★ 174,597repo stars
Senior Frontend Developer prompt A prompt that makes ChatGPT write frontend code as one index.js file on a fixed stack. Handy when you need a working component fast, without explanations.
GP ChatGPT
★ 174,597repo stars
react-patterns skill A skill that hands your agent ready React recipes: hooks, component composition, state management and fewer wasted re-renders.
CX Codex +1
471installs
react-development skill A skill that feeds your coding agent React patterns: components, hooks, state and effects, taken from the official react.dev docs.
CX Codex +1
464installs
3dsvg-interactive-react skill Turns SVGs and text into interactive 3D React components with the 3dsvg library. Useful for a dimensional logo or hero badge.
CX Codex +1
529installs
zustand skill A skill that teaches your agent zustand: a small hook-based state manager for React with no providers. Handy when you need global state but not Redux.
CX Codex +1
485installs
text-message-animation skill Turns a chat script into a vertical video: message bubbles pop in one at a time, a typing indicator pulses before each reply, and the thread auto-scrolls.
CX Codex +1
589installs
accessibility-auditor skill The skill reviews your markup for accessibility and repairs it: semantics, ARIA, keyboard flow, contrast. Useful before shipping a form or a modal.
CX Codex +1
355installs
podcast-generation skill Generates podcast-style audio narratives using Azure OpenAI GPT Realtime Mini over WebSocket. Integrates a FastAPI backend with a React audio player.
29installs
v0-dev
official skill Generates React components with v0, integrates them into Next.js projects via CLI, and automates deployments using the v0 SDK.
CX Codex GP ChatGPT
5installs
isolet-widget-isolation skill This skill packages a component into a self-contained widget with shadow DOM and scoped styles, ready to embed on any page.
CX Codex +1
474installs
521–560 of 649
