Plugins
2 plugins@owl-listener
Interaction Design
Interaction design skills: micro-interactions, animation principles, state machines, gesture patterns, error handling UX, and feedback patterns.
16 skills · plugin
curated
GSAP Landing Page
Build and deploy a high-impact landing page using GSAP animations, bento layout, and persuasive copy.
3 skills · plugin
Results for “animation”
288 skillsRigging Setup Guide
Provides step-by-step rigging setup guides for 2D and 3D character animation in Blender/Maya/Spine
6 · bundle
Animation Editing
Preview, validate, and bake bone-rotation edits on AnimSequences with constraint awareness and retarget safety. Use when the user asks to edit/pose/adjust an animation's bones, raise an arm, create a swing/wave/dance/pose, mirror or copy a pose, set joint limits, or learn bone constraints. Load together with animsequence (keyframes) and skeleton (structure).
605 · bundle
N Marquee
Marquee component for creating scrolling content animations. Invoke when user needs to display horizontally scrolling text or content in Naive UI.
8
Mengto Unicorn Studio
Use when embedding and customizing Unicorn Studio interactive animations on the web (embed, responsive sizing, performance, layering with UI, fallbacks).
0 · bundle
Teachany
K-12 interactive courseware creation. Use for school-subject lesson pages, animations, AI tutor, TTS, knowledge graph, PBL learning paths, or TeachAny publishing.
228 · bundle
Voxel Art
Expert voxel artist with deep knowledge of MagicaVoxel workflows, palette design, animation techniques, mesh conversion, and game engine optimization. This skill represents insights from professional voxel artists, Teardown developers, and the MagicaVoxel community - knowledge Claude wouldn't normally have about this specialized art form. Use when "voxel, voxel art, magicavoxel, qubicle, voxel model, voxel animation, voxel game, blocky art, minecraft style, teardown style, voxel character, voxel environment, voxel optimization, voxel export, voxel to mesh, marching cubes, greedy meshing, voxel palette, destructible voxels, voxel, 3d, pixel-art, game-dev, magicavoxel, qubicle, animation, optimization, indie-games, retro, blocky" mentioned.
128 · bundle
Frontend Design
Builds distinctive, production-grade frontend interfaces with bold aesthetics, avoiding generic AI design patterns.
559 · bundle
Frontend Design
Builds distinctive, production-grade frontend interfaces with bold aesthetic direction, avoiding generic AI design patterns.
2 · bundle
Gsap Utils
Provides GSAP utility functions for math, value mapping, randomization, snapping, and unit parsing in animations.
10.9k
Figma
Import Figma designs into HyperFrames compositions as frozen assets, brand tokens, components, motion animations, and shaders.
· bundle
Prototype Web
Generates a high-fidelity, clickable web prototype with navigation, hero, features, and CTA sections.
· bundle
Slack Gif Creator
Creates animated GIFs optimized for Slack using PIL, with utilities for frame assembly, validation, and easing.
2 · bundle
Emil Design Eng
This skill encodes Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible details that make software feel great.
0
Remotion
Generate walkthrough videos from Stitch project screens using Remotion with smooth transitions, zoom effects, and text overlays.
42.4k
Remotion
Generate walkthrough videos from Stitch projects using Remotion with smooth transitions, zooming, and text overlays.
6.4k · bundle
Gsap Frameworks
Animates Vue, Nuxt, Svelte, and SvelteKit components with GSAP, handling lifecycle hooks, scoped selectors, and cleanup on unmount.
10.9k
Micro Interaction Spec
Specify micro-interactions using a structured framework covering trigger, rules, feedback, and loops/modes.
1.7k
IOS App Beauty
Makes iOS apps feel premium, polished, and unmistakably native — SF Symbols mastery, SwiftUI spring animations, haptic feedback choreography, blur/vibrancy materials, Dynamic Type, color system design, and the specific spacings and radii Apple uses. This is about TASTE, not syntax. Activate on 'iOS design polish', 'SwiftUI animation', 'SF Symbols', 'haptic feedback', 'premium iOS feel', 'Apple HIG', 'native iOS look', 'Liquid Glass', 'iOS visual design', 'app polish'.
10
Motion UI
Provides a production-ready UI motion system for React/Next.js with performance, accessibility, and usability guidelines.
226k
Video Hyperframes
Generates a sequence of fullscreen video frames with cinematic visuals, auto-play, and metadata for Remotion/Hyperframes rendering.
· bundle
Remotion Render
Renders videos and still images from Remotion compositions using the CLI, with guidance on transparent output.
3.9k · bundle
Motion UI
Implements accessible, performant UI motion for React and Next.js apps, covering tokens, patterns, and modal behavior.
1
Illustration Style
Define an illustration style guide with visual language, color usage, and application rules.
1.7k
Web Proto Soft
Creates Apple-style soft UI prototypes with squircle cards, spring motion, and ambient mesh backgrounds.
· bundle
Delight
Identify opportunities to add moments of joy, personality, and unexpected polish that transform functional interfaces into delightful experiences.
61
Remotion
Creates walkthrough videos from Stitch project screens using Remotion, with transitions, zoom effects, and text overlays.
5
Ivx Om Remotion
Toolkit-specific Remotion patterns — custom transitions, shared components, and project conventions. For core Remotion framework knowledge (hooks, animations, rendering, etc.), see the `remotion-official` skill.
0 · bundle
Applying React Native Best Practices
React Native and Expo best practices for building performant mobile apps. Use this skill when building React Native or Expo applications, optimizing list performance with FlashList, implementing animations with Reanimated, configuring native modules, routing with expo-router, managing state in mobile contexts, or working in monorepo setups with Expo. Apply proactively when writing FlatList, useEffect for animations, TouchableOpacity, or setting up navigation — these patterns prevent common mobile performance pitfalls.
3
Gif Sticker Maker
Convert user photos into 4 animated GIF stickers in Funko Pop / Pop Mart style with customizable captions.
12.9k · bundle
Matlab Build Chart
Create and customize MATLAB charts and plots. Plot types (line, scatter, bar, histogram, heatmap, surface), axes configuration, annotations, data tips, interactive plots, animation, multiple axes with tiledlayout, colororder, and performance optimization. Works for standalone figures, Live Scripts, and uifigure apps. Use when plotting data, customizing axes, adding annotations or interactivity, animating charts, or arranging multiple axes. Triggers: plot, chart, graph, axes, uiaxes, annotation, data tips, animation, tiledlayout, colororder, heatmap, scatter, figure, visualization, export.
920 · bundle
UI Motion
Apply named StyleSeed motion to React components using framer-motion, with personality seeds and keyword moves from a motion library.
42.4k
Gsap React
Animate React and Next.js components with GSAP using the useGSAP hook, refs, and context-safe patterns for automatic cleanup and SSR compatibility.
10.9k
Baseline UI
Enforces an opinionated UI baseline to fix spacing, hierarchy, typography, and layout issues in AI-generated interfaces.
42.4k
AI Podcast
Generate multi-person talking head podcast videos from scratch using AI — character creation, TTS, avatar animation, and video stitching.
584
Muapi Product Video Ad Maker
Turns a product photo into a cinematic video advertisement using AI rendering and animation.
3.7k
Saas Landing
Generates a single-page SaaS landing page with hero, features, social proof, pricing, FAQ, and footer sections.
· bundle