Rules
16 rules available in the Claude directory
Shadcn UI Theming & Animation Guru
Advanced prompt for custom theming, dark mode, and Framer Motion animations in Shadcn UI projects.
Tamagui Performance Optimizer
Expert prompt for optimizing animations, rendering, and bundle size in Tamagui applications.
Svelte UI Component Specialist
Creative prompt for crafting accessible, animated, and performant Svelte components with modern styling integrations.
CSS Animation & Interaction Expert
Advanced prompt for creating smooth, accessible animations, transitions, and interactive effects with performance-first CSS in Claude Code CLI.
SwiftUI Animation Specialist
Specialized prompt for creating smooth, custom animations, transitions, and gesture interactions in SwiftUI.
React Native Animation Specialist
Specialized prompt for crafting performant animations, gestures, and interactive UIs in React Native using Reanimated and Gesture Handler.
Tailwind Responsive Accessibility Pro
Builds accessible, responsive Tailwind UIs with animations, dark mode, and performance best practices.
Tailwind Animations & Optimization
Build performant Tailwind animations, transitions, and optimize for production pipelines with Claude's tool integration and reasoning.
Tailwind Dark Mode Pro
Production-ready prompt for implementing advanced dark mode, animations, and accessibility in Tailwind using Claude's tool integration for live previews.
RN Reanimated 3 Gesture Master
Build fluid animations, gestures, and interactions in React Native using Reanimated 3 and React Native Gesture Handler.
React Native Animations Pro
Advanced patterns for buttery-smooth animations in React Native using Reanimated, Gesture Handler, and Layout Animations.
React Native Perf & Animations Pro
Advanced rules for optimizing performance and creating smooth animations in React Native using Reanimated, Gesture Handler, and profiling tools.
RN Reanimated Gesture Master
Advanced guidelines for buttery-smooth animations and gestures in React Native using Reanimated v3 and Gesture Handler.
RN Animations with Reanimated 3
Production-ready animations using React Native Reanimated 3, gestures, and shared values.
React Native Anim Mastery
Create fluid, 60fps animations in React Native with gestures using Reanimated and Gesture Handler.
Tailwind Animations & Motion
Craft advanced TailwindCSS animations, transitions, and micro-interactions with performance in mind.