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.
experience-ui-bundle-features-generate skill Installs prebuilt feature packages into a Salesforce UI bundle — login, logout, protected routes, search — instead of hand-building them.
CX Codex +1
5,100installs
clerk-react-router-patterns skill Guides Clerk integration with React Router v7/v8, including loaders, protected routes, SSR auth, and organization switching. Useful when wiring auth into a router.
CX Codex +1
15,500installs
clerk-tanstack-patterns skill Walks your agent through Clerk auth in TanStack React Start: route guards, createServerFn, loaders and request middleware.
CX Codex +1
15,500installs
experience-ui-bundle-agentforce-client-generate skill Embeds the Agentforce Conversation Client in React and Angular UI Bundle apps: detects the framework, validates agentId, wires the component into a page.
CX Codex +1
5,000installs
experience-ui-bundle-site-generate skill Generates Salesforce Digital Experience Site infrastructure for hosting React UI bundles. Useful when setting up thin site containers, guest access, and locale configs.
CX Codex +1
5,000installs
tailwind-theme-builder skill This skill sets up a Tailwind v4 + shadcn/ui theme with dark mode: installs deps, maps CSS variables through @theme inline, wires a theme toggle.
CX Codex +1
3,200installs
i18n-expert skill Sets up and audits UI localization by replacing visible strings with keys and checking locale parity. Use it for React, Next.js, or Vue codebases.
CX Codex +1
2,700installs
clerk-astro-patterns skill Walks your agent through Clerk inside Astro: middleware, protected SSR pages, API route auth and island components.
CX Codex +1
14,300installs
prototype-prompt-generator skill Turns UI requirements into detailed, structured prompts for building HTML, CSS, or React prototypes.
CX Codex +1
393installs
bencium-code-conventions skill Sets Bence's conventions for React and Next.js projects, covering the stack, code style, tests and workflow. Use it when building or setting up work under those rules.
CX Codex +1
3,300installs
sanity-live-cache-components skill Connects next-sanity to Next.js Cache Components: sanityFetch behind one shared 'use cache' boundary, with <SanityLive> keeping cached pages fresh.
CX Codex +1
527installs
tanstack-start skill Scaffolds a full-stack TanStack Start app on Cloudflare Workers from scratch: SSR, file-based routing, D1, auth. Useful when you want a working skeleton without cloning a template.
CX Codex +1
2,500installs
tanstack-integration-best-practices skill A skill that hands the agent rules for wiring TanStack Query, Router and Start together: loaders, SSR hydration, cache ownership. Useful once all three live in one codebase.
CX Codex +1
2,900installs
remotion-3d-ticker skill Builds looping 3D column scroll effects for Remotion videos. Useful for multi-lane photo feeds, credits, and parallax showcases.
CX Codex +1
852installs
convex-realtime skill A skill for wiring React to Convex subscriptions: useQuery patterns, optimistic updates, pagination that stays live, and cutting subscription churn.
CX Codex +1
2,900installs
building-admin-dashboard-customizations skill Guides AI agents in building Medusa Admin dashboard extensions, widgets, and custom UI routes. Essential when customizing store management panels.
CX Codex +1
4,400installs
react-doctor skill The skill scans a React codebase against 47+ rules and returns a 0-100 score with file paths and line numbers. Handy before a review or when the app drags.
CX Codex +1
2,800installs
experience-ui-bundle-project-generate skill Generates a ready-to-develop Salesforce UI bundle starter project from a template via Salesforce CLI. Use it when scaffolding a fresh React or Angular SFDX app.
CX Codex +1
3,200installs
design-code skill This skill generates component and screen code for a requested framework. Use it when you need token-based UI with accessibility checks.
CX Codex +1
525installs
ui-designer skill Extracts a design system from UI screenshots and prepares an implementation prompt for React. Use it when a new interface needs to follow reference visuals.
CX Codex +1
1,600installs
apollo-client skill A skill that walks your agent through Apollo Client 4.x in React: queries, mutations, caching, local state and error troubleshooting.
CX Codex +1
5,600installs
neon-realtime skill Turns any SQL query live: the client subscribes to row changes in Lakebase Postgres and gets them in batches. Useful for dashboards, feeds and multi-device sync.
CX Codex +1
6,000installs
tailwind-v4-shadcn skill Sets up Tailwind CSS v4 with shadcn/ui, Vite, and React. Solves broken CSS variables, theme switching errors, and v4 migration pitfalls.
CX Codex +1
8,100installs
elevenlabs-agents skill Build ElevenLabs conversational voice agents with configured tools, a knowledge base, and SDK integration for an app or server.
CX Codex +1
1,700installs
vitest skill Detects your project type and writes a working Vitest setup: config, test setup file, utilities and a sample test. Useful when a project has no tests yet.
CX Codex +1
1,700installs
frontend-app-builder
official skill This skill designs and builds frontend apps, websites, and games, then checks the result in a browser. Use it for a new interface or an explicit redesign request.
CX Codex GP ChatGPT
252installs
dx-project-create skill Scaffolds a new Salesforce DX project from CLI templates, moves the active session into the project folder, and connects a default org. Useful when starting a new Salesforce app.
CX Codex +1
2,600installs
nextjs-performance skill A Next.js optimization skill: Core Web Vitals, images and fonts, caching, streaming, bundle size. Useful when pages feel slow and you need a starting point.
CX Codex +1
4,900installs
react-patterns skill Teaches your agent React 19 and Next.js App Router patterns: Server Components, Server Actions, useOptimistic, Suspense boundaries. Useful when the app is already on React 19.
CX Codex +1
4,800installs
tailwind-design-system skill Creates and orchestrates a design system using Tailwind CSS v4.1+ and shadcn/ui. It defines oklch design tokens, themes via CSS variables, and wraps UI primitives.
CX Codex +1
4,500installs
react-19-plugin-migration skill This skill guides changes that prepare a Grafana plugin for React 19 compatibility without upgrading React itself. Use it to scan a plugin and work through the migration steps.
CX Codex +1
4,100installs
portable-text-serialization skill A skill that shows the agent how to render and serialize Portable Text to React, Svelte, Vue, Astro, HTML, Markdown and plain text.
CX Codex +1
2,900installs
react-container-presentation-component
official skill This skill scaffolds React components with the Container/Presentation pattern and follows the project’s TypeScript, Storybook, and SCSS conventions.
65installs
sentry-nextjs-sdk skill This skill inspects your Next.js project and guides Sentry setup across browser, Node.js, and Edge runtimes. It helps configure error tracking, tracing, and session replays.
CX Codex +1
3,600installs
react-code-review skill Reviews React components and hooks before merge: composition, hook dependencies, accessibility, TypeScript types. Findings come sorted by severity.
CX Codex +1
4,300installs
experience-ui-bundle-localize skill Extracts hardcoded UI strings from React or Angular UI Bundles into Salesforce Custom Labels and wires runtime i18n through the GraphQL UI API.
CX Codex +1
2,200installs
nextjs-app-router skill Patterns and code examples for Next.js 16+ App Router work, including components, actions, API handlers, caching and routing.
CX Codex +1
3,900installs
framer-motion-animator skill Generates smooth Framer Motion animations and micro-interactions in React. Useful for building page transitions, drag gestures, and scroll effects.
CX Codex +1
11,100installs
website-builder-setup skill Walks you through setting up a complete web design stack in Claude Code with UI/UX Pro Max, Framer Motion, and 21st.dev Magic.
CX Codex +1
580installs
react-patterns skill A skill that checks React 19 components for waterfalls, bundle bloat and re-renders, and suggests composition fixes. Useful while writing or reviewing code.
CX Codex +1
1,300installs
201–240 of 649
