Back to tags
Tag

Agent Skills with tag: animation

37 skills match this tag. Use tags to discover related Agent Skills and explore similar workflows.

gsap-sequencing

Complex GSAP timelines including labels, callbacks, nested timelines, and position parameters. Use when orchestrating multi-step animations, building animation sequences, or creating coordinated motion. Essential for cinematic animations and complex UI choreography.

gsapanimationtimelineui
Bbeierle12
Bbeierle12
3

gsap-fundamentals

Core GSAP animation concepts including tweens, timelines, easing functions, and animation properties. Use when implementing basic animations, transitions, or learning GSAP foundations. Essential starting point for any GSAP-based animation work.

gsapanimationtweenstimelines
Bbeierle12
Bbeierle12
3

gsap

GSAP animations for JARVIS HUD transitions and effects

gsapanimationjavascript
martinholovsky
martinholovsky
92

glsl

GLSL shader programming for JARVIS holographic effects

glslshader-programmingholographic-effectsgpu-acceleration
martinholovsky
martinholovsky
92

frontend-design

Create distinctive, bold UI designs that avoid generic AI aesthetics. This skill should be used when users want frontend components with strong visual identity, creative typography, intentional color palettes, and production-grade animations - specifically to avoid the bland, safe, homogeneous "AI slop" that plagues most generated interfaces.

ui-designtypographytheminganimation
b-open-io
b-open-io
62

slack-gif-creator

Toolkit for creating animated GIFs optimized for Slack, with validators for size constraints and composable animation primitives. This skill applies when users request animated GIFs or emoji animations for Slack from descriptions like "make me a GIF for Slack of X doing Y".

slack-integrationanimated-gifanimationimage-optimization
Arcanexis
Arcanexis
72

slack-gif-creator

Toolkit for creating animated GIFs optimized for Slack, with validators for size constraints and composable animation primitives. This skill applies when users request animated GIFs or emoji animations for Slack from descriptions like "make me a GIF for Slack of X doing Y".

slackanimationemojiimage-compression
ArcaneOrion
ArcaneOrion
72

frontend-aesthetics

Distinctive frontend design principles for avoiding generic AI defaults, implementing thoughtful typography/color/animations, and creating polished user experiences based on Claude Code design research

typographycolor-paletteanimationdesign-tokens
bejranonda
bejranonda
1111

pi-keys-generator

This skill generates Python scripts and shell scripts to control RGB LEDs on the Raspberry Pi 500+ keyboard. Use this skill when the user asks to create keyboard lighting effects, animations, color patterns, notification systems, or any program that controls the Pi 500+ keyboard LEDs. This skill should be used for requests like "turn F1-F12 keys blue", "create a typing speed indicator", or "make an email notification effect".

pythonshell-scriptingiot-devicesanimation
dmccreary
dmccreary
149

slack-gif-creator

Toolkit for creating animated GIFs optimized for Slack, with validators for size constraints and composable animation primitives. This skill applies when users request animated GIFs or emoji animations for Slack from descriptions like "make me a GIF for Slack of X doing Y".

slackanimationimage-processingemoji
ttmouse
ttmouse
237

swiftui-animation

This skill provides comprehensive guidance for implementing advanced SwiftUI animations, transitions, matched geometry effects, and Metal shader integration. Use when building animations, view transitions, hero animations, or GPU-accelerated effects in SwiftUI apps for iOS and macOS.

swiftuianimationtransitionsgpu-acceleration
jamesrochabrun
jamesrochabrun
204

frontend-ui-animator

Analyze and implement purposeful UI animations for Next.js + Tailwind + React projects. Use when user asks to add animations, enhance UI motion, animate pages/components, or improve visual feedback. Triggers on "add animations", "animate UI", "motion design", "hover effects", "scroll animations", "page transitions", "micro-interactions".

nextjsreacttailwind-cssanimation
julianromli
julianromli
448

interaction-design

Design meaningful interactions and microinteractions. Create delightful user experiences through thoughtful animation, feedback, and responsive interface design.

ui-designanimationfeedbackmicrointeractions
aj-geddes
aj-geddes
301

slack-gif-creator

面向 Slack 优化的动图制作工具包,内置尺寸校验器与可组合的动画基元。当用户提出“帮我做一个在 Slack 上展示 X 做 Y 的 GIF”之类的请求时,即应使用本技能生成 Slack 动图或表情动画。

slackanimated-gifanimationimage-generation
LeastBit
LeastBit
10716

frontend-ui-animator

Analyze and implement purposeful UI animations for Next.js + Tailwind + React projects. Use when user asks to add animations, enhance UI motion, animate pages/components, or improve visual feedback. Triggers on "add animations", "animate UI", "motion design", "hover effects", "scroll animations", "page transitions", "micro-interactions".

nextjsreacttailwind-cssanimation
julianromli
julianromli
12918

motion

|

framer-motionanimationreactui-components
jezweb
jezweb
13119

slack-gif-creator

Toolkit for creating animated GIFs optimized for Slack, with validators for size constraints and composable animation primitives. This skill applies when users request animated GIFs or emoji animations for Slack from descriptions like "make me a GIF for Slack of X doing Y".

slack-integrationgifanimationimage-optimization
skillcreatorai
skillcreatorai
41431

slack-gif-creator

Toolkit for creating animated GIFs optimized for Slack, with validators for size constraints and composable animation primitives. This skill applies when users request animated GIFs or emoji animations for Slack from descriptions like "make me a GIF for Slack of X doing Y".

slackgifanimationemoji
ComposioHQ
ComposioHQ
14,3601,511

Page 2 of 3 · 37 results