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.
threejs-react-three-fiber skill A skill for writing three.js scenes as React components. Covers the Canvas, frame-loop hooks and pointer events in React Three Fiber.
CX Codex +1
1,300installs
react-three-fiber skill Teaches the agent to build declarative Three.js 3D scenes in React using JSX components, animation hooks, and Suspense loaders.
CX Codex +1
3,800installs
figma-codegen skill Generates framework-aware frontend code from Figma designs while reusing existing project components and design tokens.
CX Codex +1
1,300installs
pinme skill Deploys static builds to IPFS and provisions full-stack apps on Cloudflare Workers and D1 databases. Useful when you need instant hosting for static sites or lightweight APIs.
CX Codex +1
710installs
trees skill Guides agents on rendering and controlling file trees with @pierre/trees. Useful for React, vanilla JS, SSR, or web component setups.
CX Codex +1
307installs
cobejs skill A skill that walks the agent through building a small spinning globe with cobe, markers included. Handy for hero sections and about pages.
CX Codex +1
1,700installs
figma-build skill Builds or updates a design in a connected Figma file from code or a description, reusing its components, variables, and styles. Useful for moving UI work onto the canvas.
CX Codex +1
1,300installs
masked-reveal skill This skill reveals words through an overflow mask as text enters the viewport with GSAP ScrollTrigger. Use it for headings, hero copy, and short section intros.
CX Codex +1
1,600installs
globe-gl skill Sets up 3D globe visualizations using globe.gl with WebGL and ThreeJS. Helps configure data layers like points, arcs, and polygons in plain HTML or React.
CX Codex +1
1,500installs
landing-page-generator skill Generates Next.js/React TSX landing pages with Tailwind CSS. Use it for marketing pages, homepages, lead capture pages, or landing-page A/B variants.
754installs
convex-sentinel skill Configures Sentinel error capture inside your own Convex deployment. Useful for tracking server failures and client React crashes without sending logs to third-party services.
CX Codex +1
35,700installs
remotion-render skill This skill sends a Remotion React component to inference.sh and gets back an MP4. Useful when video should come from code, not from a timeline editor.
CX Codex +1
109,700installs
bencium-impact-designer skill Creates frontend interfaces with a clear visual direction. Use it for components, pages, and web apps when a generic look will not do.
CX Codex +1
5,400installs
animated-component-libraries skill Helps AI coding agents integrate pre-built animated React components from Magic UI and React Bits. Useful for building landing pages and dashboards without writing custom motion scripts.
CX Codex +1
2,900installs
lottie-animations skill A skill that walks the agent through shipping After Effects Lottie animations on the web and in React: picking a player library and wiring playback controls.
CX Codex +1
2,900installs
spline-interactive skill Guides agents on integrating interactive Spline 3D scenes into web apps. Useful for embedding 3D UI, configuring state animations, and handling object events in React.
CX Codex +1
2,800installs
presentation-creator skill Creates interactive React and Vite slide decks with Sentry styling. Use it when a presentation needs real metrics, charts, and slide navigation.
CX Codex +1
2,900installs
react-devtools skill The skill connects your agent to a running React or React Native app and exposes the component tree, props, hooks and profiler data.
CX Codex +1
2,600installs
liquid-metal-border skill Guides React work with animated metal-fx WebGL borders for buttons, cards, and selected controls when visual states need a metallic frame.
CX Codex +1
1,300installs
beam-glow-states skill A React skill that wires the border-beam animated edge glow into loading, selected, current, focus and pressed states.
CX Codex +1
1,300installs
thinking-orbs skill Guides coding agents to implement animated AI status indicators using the React thinking-orbs package. Useful for chat interfaces, copilot sidebars, and search tools.
CX Codex +1
1,300installs
add-shader-cursor-trail skill Installs a WebGPU hero effect: a twinkling white halftone trail that follows the pointer, with chromatic ripples and film grain. Falls back to the static frame.
CX Codex +1
1,300installs
shaders-cursor-ripples skill Adds interactive WebGPU fluid distortion over existing images using the Shaders library. Useful when replacing old CSS spotlight reveals without altering layout.
CX Codex +1
1,400installs
clerk-react-patterns skill Provides authentication patterns for React single-page apps using @clerk/react in Vite and CRA. It helps implement route guards, session hooks, and custom forms.
CX Codex +1
19,700installs
rive-interactive skill A skill for Rive: state machines, input handling and data binding in React. Useful when an animation has to react to UI state.
CX Codex +1
2,600installs
ant-design skill A decision guide for antd 6.x, Ant Design Pro 5 and Ant Design X v2. It steers the agent through component choice, tokens and SSR.
CX Codex +1
4,100installs
ui-design-brain skill This skill guides interface generation with documented component patterns and design-system rules. Use it for pages, dashboards, forms, navigation, and other UI work.
CX Codex +1
845installs
build-isometric-arpg skill A skill that walks the agent through building a playable isometric ARPG: game loop, camera, combat, zones, progression and saves.
CX Codex +1
1,300installs
remotion-motion-graphics skill A coding-agent skill that makes Remotion code follow motion design rules instead of shipping linear fades and flat backgrounds.
CX Codex +1
1,100installs
react-spring-physics skill A skill for physics-based React animation with React Spring and Popmotion. Useful for gestures, inertia and transitions you can interrupt mid-motion.
CX Codex +1
2,400installs
shadcn-ui skill Installs and configures shadcn/ui components in a React project: picks them by task, keeps install order and dependencies straight.
CX Codex +1
3,600installs
animate skill Animation guidelines and ready-made patterns for React and Next.js interfaces. Helps agents write performant transitions and Framer Motion code.
CX Codex +1
3,600installs
experience-ui-bundle-frontend-generate skill A skill that governs UI edits in an existing Salesforce UI bundle: pages, components, layout, navigation, branding.
CX Codex +1
5,300installs
ui-typography skill A skill that sets typography rules for interfaces and has the agent apply them silently while generating HTML, CSS and React.
CX Codex +1
3,900installs
magicpath skill Connects your coding agent to MagicPath via CLI to browse, install, and edit UI components. Useful when pulling design systems directly into code.
CX Codex +1
6,300installs
experience-ui-bundle-file-upload-generate skill Guides file uploads in Salesforce React UI bundle apps. Helps track transfer progress and attach uploads directly to ContentVersion records.
CX Codex +1
5,200installs
experience-ui-bundle-custom-app-generate skill Generates Salesforce CustomApplication metadata to surface React UI bundles in Lightning App Launcher. Useful when exposing bundles without a Digital Experience Site.
CX Codex +1
5,200installs
experience-ui-bundle-app-coordinate skill Orchestrates building complete React UI bundle applications on Salesforce from scratch. Useful when scaffolding full-stack SPAs across specialized UI bundle skills.
CX Codex +1
5,300installs
experience-ui-bundle-metadata-generate skill Adds a React or Angular UI bundle to an existing SFDX project and wires up its metadata. Useful when you need another bundle or an edit to ui-bundle.json.
CX Codex +1
5,300installs
fluid-functionalism skill A skill for building React UIs on the shadcn/ui @fluid registry: springs instead of durations, a hover highlight that glides to the cursor, weight changes that hold layout.
CX Codex +1
603installs
161–200 of 649
