Loading...
Loading...
Found 1,506 Skills
Build accessible, unstyled React UI components with Radix Primitives
Use when building React 18+ applications that require component architecture, hooks patterns, or state management. Trigger scenarios include: Server Components, performance optimization, Suspense boundaries, React 19 features.
Builds performant animations and gesture-driven interactions in React Native (Expo) apps using React Native Reanimated v4 and React Native Gesture Handler (GestureDetector / hook API). Use when implementing UI motion, transitions, layout/entering/exiting animations, CSS-style transitions/animations, interactive gestures (pan/pinch/swipe/drag), scroll-linked animations, worklets/shared values, or debugging animation performance and threading issues.
Create programmatic videos using React with Remotion. Use when building video compositions, animations, or rendering videos programmatically. Triggers include creating video content with React, animating elements frame-by-frame, rendering videos to MP4/WebM/GIF, using spring/interpolate animations, building video editing apps, or deploying video rendering to AWS Lambda.
Use when implementing Disney's 12 animation principles with React Spring's physics-based animations
Electron desktop application development with React, TypeScript, and Vite. Use when building desktop apps, implementing IPC communication, managing windows/tray, handling PTY terminals, integrating WebRTC/audio, or packaging with electron-builder. Covers patterns from AudioBash, Yap, and Pisscord projects.
Expert guide for building beautiful, responsive UI with React, Tailwind CSS, Shadcn/ui, and modern design patterns. Use when creating components, layouts, animations, or styling.
Velt Notifications implementation patterns and best practices for React, Next.js, and web applications. Use when adding in-app notifications, notification panels, email notifications via SendGrid, webhook integrations, or user notification preference management.
React performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React code to ensure optimal performance patterns. Triggers on tasks involving React components, data fetching, bundle optimization, or performance improvements.
Provides comprehensive guidance for Svelte framework including components, reactivity, stores, transitions, and compilation. Use when the user asks about Svelte, needs to create Svelte applications, implement Svelte components, or work with Svelte features.
Provides comprehensive guidance for React Hooks including useState, useEffect, useContext, useReducer, useMemo, useCallback, custom hooks, and hook patterns. Use when the user asks about React Hooks, needs to use hooks in functional components, create custom hooks, or optimize hook performance.
This skill is to be used when users request in-depth analysis, thorough thinking, or detailed breakdown of a problem. It is triggered by expressions such as: 'Help me think deeply', 'Please analyze carefully', 'Help me break it down in detail', 'Please organize my thoughts', 'Think carefully', 'Gain in-depth understanding', 'Analyze in detail', or similar phrases indicating a need for systematic thinking. This skill adopts the ReAct-Plan framework: integrating chain-of-thought reasoning with explicit global planning, dynamic prediction, and reflection to overcome short-sighted behaviors.