NeVibeCode · 717 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.
webflow-code-component:pre-deploy-check skill Validates Webflow Code Components before you publish: bundle size, dependencies, props, SSR and styling. Useful right before webflow library share.
CX Codex +1
988installs
webflow-code-component:deploy-guide skill A skill that walks you through publishing a code component library to a Webflow workspace, from pre-flight checks to verifying components in Designer.
CX Codex +1
987installs
webflow-code-component:troubleshoot-deploy skill Walks through failed Webflow Code Components deploys: reads the error, finds the root cause, hands you a specific fix.
CX Codex +1
977installs
motion skill A skill that feeds your agent the Motion (Framer Motion) docs for React: drag-and-drop, scroll effects, layout transitions. Useful when the agent guesses at props.
CX Codex +1
1,100installs
modern-web-development skill A rule set for the modern web stack: TypeScript, Next.js 14, React Server Components, Supabase, GraphQL and Tailwind CSS. Useful when your agent writes frontend and API code in the same repo.
CX Codex +1
1,200installs
appbuilder-testing skill This skill writes and runs Jest tests for Adobe App Builder actions and React components, with mocks for the Adobe SDKs.
CX Codex +1
714installs
mastering-typescript skill Guides enterprise TypeScript 5.9+ development with strict typing, modern toolchains, and framework setups. Useful when migrating from JavaScript or integrating NestJS 11 and React 19.
CX Codex +1
790installs
vite-bundle-optimization skill A skill with bundle and build optimization patterns for Vite + React. Useful when builds drag or chunks come out larger than expected.
CX Codex +1
667installs
typescript-react-patterns skill A skill with 33 TypeScript rules for React: props, hooks, events, refs, generics and context. Useful when the agent writes components and fights type errors.
CX Codex +1
1,100installs
21st-registry skill Publishes React components, CSS themes and templates to 21st.dev, and manages what you already published through the 21st CLI.
CX Codex +1
1,800installs
observer-pattern skill A skill that teaches your agent the observer pattern for decoupled publish/subscribe in JavaScript and TypeScript.
CX Codex +1
638installs
databricks-app-design skill Design data screens for custom Databricks Apps built with AppKit/React. Use it for KPIs, reports, charts, tables, and Genie or chat views.
CX Codex +1
315installs
lottie skill A skill that steers your coding agent through Lottie work: dotLottie files, lazy loading, renderer choice and reduced-motion fallbacks.
CX Codex +1
1,100installs
provider-pattern skill Teaches your agent to move shared data into React Context and hand it out through a Provider when props crawl through every layer.
CX Codex +1
620installs
tanstack-store skill A skill covering TanStack Store: a framework-agnostic reactive store with adapters for React, Vue, Solid, Angular and Svelte. Useful when your agent writes state with @tanstack/store.
CX Codex +1
1,800installs
figma-design-to-code
official skill Guides an agent through implementing a Figma node in a project’s existing stack. Use it before calling get_design_context.
CX Codex GP ChatGPT
30installs
typescript-refactor skill A skill with 47 rules for refactoring TypeScript and React/TSX: type architecture, narrowing, generics, and modern TS 6.0 / React 19 features.
CX Codex +1
788installs
framer-motion skill This skill guides the agent in implementing Disney's 12 animation principles with Framer Motion in React. Useful for building UI transitions and gesture animations.
CX Codex +1
1,700installs
react-refactor skill Architectural refactoring skill with 40 rules for React codebases. Guides component decomposition, custom hook design, and module boundaries.
CX Codex +1
776installs
ionic-design skill Builds and reviews Ionic Framework UI components for Capacitor apps. Helps configure themes, iOS and MD modes, and handle migrations from Ionic 8 to Ionic 9.
CX Codex +1
1,600installs
laravel-owasp-security skill Audits Laravel 13 and React/Inertia.js codebases against the OWASP Top 10 checklist and assists with secure implementation of auth, payments, or APIs.
CX Codex +1
990installs
frontend-designer skill A skill that guides your agent through accessible, responsive component work: design tokens, modern CSS, patterns for React, Vue and Svelte.
CX Codex +1
335installs
workos-widgets skill Walks your agent through embedding WorkOS widgets — user management, profile, SSO connection and domain verification — and wiring token issuance on the backend.
CX Codex +1
857installs
react-component-architecture skill A skill that tells your coding agent how to structure React components: function components, hooks, composition and TypeScript. Useful once a shared component library starts growing.
CX Codex +1
674installs
optimized-nextjs-typescript skill Sets opinionated Next.js and TypeScript standards focusing on React Server Components, Zod schemas, and Tailwind CSS styling.
CX Codex +1
1,000installs
remotion-video-toolkit skill A skill that teaches your AI agent to write Remotion code: animations, timing, MP4 rendering, captions, charts and 3D. Useful when video comes from data instead of a timeline editor.
CX Codex +1
779installs
shadcn skill A skill with 58 shadcn/ui rules that tells your agent how to add components, build forms and keep accessibility intact.
CX Codex +1
724installs
internationalization-i18n skill This skill gives the agent a rulebook for internationalization: translations, locale-aware dates and numbers, RTL layout. Useful when an app ships in more than one language.
CX Codex +1
978installs
tanstack-ai skill Guides agents on TanStack AI patterns for text streaming, tool calling, and typed output in React or Solid.
CX Codex +1
1,600installs
tanstack-db skill This skill guides agents through TanStack DB collections, live queries, and optimistic mutations for client-side application data.
CX Codex +1
1,600installs
zustand-state-management skill Enforces Zustand store best practices in React and TypeScript apps, covering store slices, SSR, and testing. It helps eliminate selector re-renders and hydration bugs.
CX Codex +1
959installs
react skill This skill gives your agent a fixed React style: hooks, Server Components, Tailwind, TypeScript. Useful when several people or agents touch the same codebase.
CX Codex +1
944installs
react-nextjs-patterns skill App Router conventions for React and Next.js projects. Guides component architecture, cache boundaries, and Server Actions security.
CX Codex +1
1,100installs
deno-frontend skill Guides frontend development on Deno. Helps run npm frameworks like Vite or Next.js and build island-based apps with Fresh 2.x.
CX Codex +1
408installs
catalyst-slate skill Walks your agent through deploying a frontend to Catalyst Slate: scaffold the app, configure slate-config.toml, ship the build. Handy when React or Next.js needs to live on Catalyst.
CX Codex +1
1,000installs
storybook skill Enforces Storybook best practices for component libraries, covering file structure, autodocs, controls, and interaction tests.
CX Codex +1
909installs
agency-agents-ai-specialists skill Swap in a specialist persona — frontend, backend, reviewer, UX — and let it carry the task with its own workflow.
CX Codex +1
2,100installs
design-systems skill Walks your agent through design tokens, a component library and accessibility rules in one project.
CX Codex +1
903installs
operational-expert-tool-ui skill Sets interface rules for dispatch, warehouse and logistics tools: data density over breathing room, status visible at a glance.
CX Codex +1
689installs
swr skill SWR data-fetching guidelines for React and TypeScript apps. It guides agents on caching, request deduplication, and optimistic mutations.
CX Codex +1
870installs
401–440 of 717
