Frontend Frameworks

github Bundle

Migrate Enzyme tests to React Testing Library for React 18 upgrades with a complete API mapping and behavior-testing philosophy.

github Bundle

Migrates React legacy context API (contextTypes, childContextTypes, getChildContext) to the modern createContext API across all provider and consumer files.

github Bundle

Reference for every source-file migration required for React 19, including API changes, ref handling, and context updates.

github Bundle

Diagnose and fix automatic batching regressions in React 18 class components with a decision tree for setState behavior changes.

github Bundle

Check minimum dependency versions for React 18.3.1 and React 19 compatibility, resolve peer dependency conflicts, and decide on upgrade strategies.

github Bundle

Preserve React 18 concurrent patterns and adopt React 19 APIs (useTransition, useDeferredValue, Suspense, use(), useOptimistic, Actions) during migration.

github Bundle

Build scroll animations, parallax effects, pinned sections, and scroll-triggered reveals using GSAP ScrollTrigger or Framer Motion in vanilla JS, React, or Next.js.

greensock Skill

Animate React and Next.js components with GSAP using the useGSAP hook, refs, and context-safe patterns for automatic cleanup and SSR compatibility.

vercel-labs Bundle

Provides React composition patterns to avoid boolean prop proliferation, build flexible component libraries, and design reusable APIs, including React 19 changes.

vercel-labs Bundle

Optimize React and Next.js applications with 70 performance rules across 8 categories, prioritized by impact for automated refactoring and code generation.

minimax-ai Bundle

Builds production-ready frontend pages with premium UI design, cinematic animations, AI-generated media assets, persuasive copywriting, and generative art.

minimax-ai Bundle

Provides full-stack development practices covering backend architecture, frontend-backend integration, and production hardening with structured workflows and checklists.

minimax-ai Bundle

Build production-ready React Native and Expo apps with guidance on components, styling, animations, navigation, state management, forms, networking, performance, testing, and deployment.

bankrbot Bundle

Build onchain applications with React components and TypeScript utilities from Coinbase's OnchainKit, supporting wallet connection, token swaps, NFT minting, and payment processing.

bankrbot Bundle

Enforce consistent frontend UX patterns for Ethereum dApps: onchain buttons, four-state connect flows, token approval sequences, address display, USD values, and RPC configuration.

bankrbot Bundle

Provides a complete build-to-production pipeline for Ethereum dApps, covering fork mode setup, IPFS deployment, Vercel config, ENS subdomain setup, and a production checklist for Scaffold-ETH 2.

composiohq Bundle

Builds elaborate, multi-component HTML artifacts for claude.ai using React, Tailwind CSS, and shadcn/ui, with scripts to initialize and bundle projects into single self-contained HTML files.

dimillian Bundle

Build SwiftUI views and components with best practices, navigation patterns, state management, and reusable component references.

wondelai Bundle

Create award-winning, immersive web experiences with dramatic typography, purposeful motion, scroll-based composition, and performance-optimized animation.

jeffallan Bundle

Builds Vue 3 components with Composition API patterns, configures Nuxt 3 SSR/SSG projects, sets up Pinia stores, scaffolds Quasar/Capacitor mobile apps, implements PWA features, and optimises Vite builds.

jeffallan Bundle

Builds React 18+ components, implements custom hooks, debugs rendering issues, migrates class components to functional, and manages state with Context, Redux, or Zustand. Covers React 19 Server Components, Suspense boundaries, useActionState forms, and performance optimization.

jeffallan Bundle

Builds Vue 3 components, composables, and Vite projects using JavaScript with JSDoc type annotations instead of TypeScript.

jeffallan Bundle

Develops custom WordPress themes and plugins, creates Gutenberg blocks, configures WooCommerce stores, implements REST API endpoints, and applies security hardening with nonces, sanitization, escaping, and capability checks.

jeffallan Bundle

Builds and debugs Shopify themes, develops custom Shopify apps, and implements Storefront API integrations for headless storefronts.

jeffallan Bundle

Build Next.js 14+ applications with App Router, server components, server actions, and optimized deployment.

jeffallan Bundle

Builds, optimizes, and debugs cross-platform mobile applications with React Native and Expo, covering navigation, native modules, list performance, and platform-specific code.

inference-sh Skill

Build chat interfaces in React/Next.js with reusable components for messages, input, typing indicators, and avatars.

inference-sh Skill

Add a batteries-included agent component to React/Next.js apps with runtime, streaming, human-in-the-loop approvals, and client-side tools.

inference-sh Skill

Provides React/Next.js UI components for displaying tool call lifecycle states including pending, running, approval, success, and error, with support for human-in-the-loop approval flows.

higgsfield-ai Bundle

Build, edit, and deploy full-stack websites or web apps using the Higgsfield CLI, with two distinct product types: standalone websites or Higgsfield-integrated apps.

openclaw Bundle

Scaffolds a new Convex project or adds Convex to an existing app, including template selection, provider wiring, and dev loop setup.

cloudai-x Skill

Load 3D models, textures, and HDR environments in Three.js with GLTF, OBJ, FBX, STL, PLY, and Draco/KTX2 compression support.

cloudai-x Skill

Handle user input in Three.js scenes with raycasting, mouse/touch interaction, and camera controls including Orbit, Fly, FirstPerson, PointerLock, Trackball, and Map controls.

cloudai-x Skill

Set up 3D scenes with Three.js, including scene, camera, renderer, Object3D hierarchy, coordinate systems, and math utilities.

leonxlnx Skill

Generates premium React/Next.js frontend code with deterministic typography, calibrated color palettes, and motion physics, enforcing anti-cliché design rules and performance guardrails.

antigravity Skill

Provides practical patterns for using fp-ts with React, including hooks, state management, form validation, and data fetching.