Skills Directory

Render videos from React/Remotion component code via inference.sh. Pass TSX code, get MP4. Supports all Remotion APIs: useCurrentFrame, useV

React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refacto

Create video compositions, animations, title cards, overlays, captions, voiceovers, audio-reactive visuals, and scene transitions in HyperFr

Translate an existing Remotion (React-based) video composition into a HyperFrames HTML composition. Use ONLY when the user explicitly asks t

Best practices for Remotion - Video creation in React

React composition patterns that scale. Use when refactoring components with boolean prop proliferation, building flexible component librarie

Comprehensive OpenTUI skill for building terminal user interfaces. Covers the core imperative API, React reconciler, and Solid reconciler. U

React Native and Expo best practices for building performant mobile apps. Use when building React Native components, optimizing list perform

Guide for implementing smooth, native-feeling animations using React's View Transition API (`` component, `addTransitionType`, and CSS view…

Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS,

Official GSAP skill for React - useGSAP hook, refs, gsap.context(), cleanup. Use when the user wants animation in React or Next.js, or asks

Use when implementing or debugging ANY network request, API call, or data fetching. Covers fetch API, React Query, SWR, error handling, cach

Set up Tailwind CSS v4 in Expo with react-native-css and NativeWind v5 for universal styling

Generates Angular code and provides architectural guidance. Trigger when creating projects, components, or services, or for best practices o

Google Workspace Events: Renew/reactivate Workspace Events subscriptions.

Use when diagnosing problems in an InsForge project - reactive failures (SDK error object, HTTP 4xx/5xx, gateway timeout 502/503/504, edge f

React integration skill for EmblemAI's one-shot user management. Use when the user wants to add website authentication plus wallet-enabled u

Provides React Native performance optimization guidelines for FPS, TTI, bundle size, memory leaks, re-renders, and animations. Applies to ta

Vue 3 Composition API, script setup macros, reactivity system, and built-in components. Use when writing Vue SFCs, defineProps/defineEmits/d

RivetKit React client guidance. Use for React apps that connect to Rivet Actors with @rivetkit/react, create hooks with createRivetKit, or m

Upgrades React Native apps to newer versions by applying rn-diff-purge template diffs, updating package.json dependencies, migrating native

TanStack Query (React Query) best practices for data fetching, caching, mutations, and server state management. Activate when building data-

Master React Native styling, navigation, and Reanimated animations for cross-platform mobile development. Use when building React Native app

Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.