Repositories Users Organizations
Filter
Sort
skills/ raphaelsalaja__skill
Markdown 0 0
Audit animation code against Disney's 12 principles adapted for web. Use when reviewing motion, implementing animations, or checking animation quality. Outputs…
Updated 2026-09-19 07:36:10 +08:00
skills/ supermemoryai__skills
Markdown 0 0
Create beautiful, performant SVG animations and illustrations. Use this skill when the user asks to create SVG graphics, icons, illustrations, animated logos,…
Updated 2026-09-19 04:47:11 +08:00
skills/ dylantarre__animation-principles
Markdown 0 0
mobile-touch: Use when designing iOS/Android gestures, haptic feedback, touch interactions, or native mobile animations.; video-motion-graphics: Use when creating After Effects compositions, Premiere Pro motion, video titles, explainer videos, or broadcast motion graphics.; framer-motion: Use when implementing Disney's 12 animation principles with Framer Motion in React applications
ai animation claude disney principles-of-animation skills
Updated 2026-09-19 03:48:46 +08:00
skills/ waapi
Markdown 0 0
Web Animations API adapter patterns for HyperFrames. Use when authoring element.animate() motion, Animation currentTime seeking, document.getAnimations(),…
Updated 2026-09-13 01:19:46 +08:00
skills/ lottie
Markdown 0 0
Lottie and dotLottie adapter patterns for HyperFrames. Use when embedding lottie-web JSON animations, .lottie files, @lottiefiles/dotlottie-web players,…
Updated 2026-09-13 01:19:32 +08:00
skills/ three
Markdown 0 0
Three.js and WebGL adapter patterns for HyperFrames. Use when creating deterministic Three.js scenes, WebGL canvas layers, AnimationMixer timelines, camera…
Updated 2026-09-13 01:19:17 +08:00
skills/ animejs
Markdown 0 0
Anime.js adapter patterns for HyperFrames. Use when writing Anime.js animations or timelines inside HyperFrames compositions, registering animations on…
Updated 2026-09-13 01:19:08 +08:00
skills/ css-animations
Markdown 0 0
CSS animation adapter patterns for HyperFrames. Use when authoring CSS keyframes, animation-delay based timing, animation-fill-mode, animation-play-state, or…
Updated 2026-09-13 01:18:35 +08:00
skills/ hyperframes
Markdown 0 0
Mandatory entry point: read this first for any request to make, create, edit, animate, or render a video, animation, or motion graphic, including a promo,…
Updated 2026-09-12 23:48:11 +08:00
skills/ gsap-frameworks
Markdown 0 0
Official GSAP skill for Vue, Svelte, and other non-React frameworks — lifecycle, scoping selectors, cleanup on unmount. Use when the user wants animation in…
Updated 2026-09-12 02:25:12 +08:00
skills/ gsap-react
Markdown 0 0
Official GSAP skill for React — useGSAP hook, refs, gsap.context(), cleanup. Use when the user wants animation in React or Next.js, or asks about GSAP with…
Updated 2026-09-12 02:24:59 +08:00
skills/ gsap-timeline
Markdown 0 0
Official GSAP skill for timelines — gsap.timeline(), position parameter, nesting, playback. Use when sequencing animations, choreographing keyframes, or when…
Updated 2026-09-12 02:24:45 +08:00
skills/ gsap-performance
Markdown 0 0
Official GSAP skill for performance — prefer transforms, avoid layout thrashing, will-change, batching. Use when optimizing GSAP animations, reducing jank, or…
Updated 2026-09-12 02:24:40 +08:00
skills/ gsap-scrolltrigger
Markdown 0 0
Official GSAP skill for ScrollTrigger — scroll-linked animations, pinning, scrub, triggers. Use when building or recommending scroll-based animation, parallax,…
Updated 2026-09-12 02:24:32 +08:00
skills/ make-interfaces-feel-better
Markdown 0 0
Design engineering principles for making interfaces feel polished. Use when building UI components, reviewing frontend code, implementing animations, hover…
Updated 2026-09-12 02:23:59 +08:00
skills/ building-native-ui
Markdown 0 0
Build beautiful, native-feeling Expo screens. Covers Apple HIG styling, semantic colors, native controls, SF Symbols, media, animations, visual effects,…
Updated 2026-09-12 02:22:26 +08:00
skills/ overdrive
Markdown 0 0
Pushes interfaces past conventional limits with technically ambitious implementations — shaders, spring physics, scroll-driven reveals, 60fps animations. Use…
Updated 2026-09-12 02:06:55 +08:00
skills/ optimize
Markdown 0 0
Diagnoses and fixes UI performance across loading speed, rendering, animations, images, and bundle size. Use when the user mentions slow, laggy, janky,…
Updated 2026-09-12 02:05:50 +08:00
skills/ animate
Markdown 0 0
Review a feature and enhance it with purposeful animations, micro-interactions, and motion effects that improve usability and delight. Use when the user…
Updated 2026-09-12 02:05:10 +08:00
skills/ find-animation-opportunities
Markdown 0 0
Search a codebase or UI for places that don't animate but should, and reject everything that shouldn't. Read-only; it proposes motion with exact values, it…
Updated 2026-09-12 01:37:32 +08:00