Animation

UI animations and transitions

Showing 25-48 of 779 skills
screenpipe

brand-style

by screenpipe

"Screenpipe brand style guide. Reference this when designing UI components, writing copy, or making visual decisions."

Animation 20.4K 5mo ago
screenpipe

brand-style

by screenpipe

"Screenpipe brand style guide. Reference this when designing UI components, writing copy, or making visual decisions."

Animation 20.4K 5mo ago
pbakaus

quieter

by pbakaus

Tone down overly bold or visually aggressive designs. Reduces intensity while maintaining design quality and impact.

Animation 48.7K 4mo ago
Besty0728

unity-timeline

by Besty0728

"Unity Timeline operations. Use when users want to create timelines or add animation/audio tracks. Triggers: timeline, cutscene, sequence, track, clip, playable, 时间轴, 过场动画, 轨道."

Animation 1.5K 5mo ago
Besty0728

unity-animator

by Besty0728

"Unity Animator Controller management. Use when users want to create animation controllers, add parameters, play animations, or control animation state machines. Triggers: animation, animator, controller, parameter, state machine, blend tree, animation clip, 动画, 动画控制器, 状态机."

Animation 1.5K 5mo ago
thedivergentai

godot-genre-fighting

by thedivergentai

"Expert blueprint for fighting games including frame data (startup/active/recovery frames, advantage on hit/block), hitbox/hurtbox systems, input buffering (5-10 frames), motion input detection (QCF, DP), combo systems (damage scaling, cancel hierarchy), character states (idle/attacking/hitstun/blockstun), and rollback netcode. Based on FGC competitive design. Trigger keywords: fighting_game, frame_data, hitbox_hurtbox, input_buffer, motion_inputs, combo_system, rollback_netcode, cancel_system, advantage_frames."

Animation 378 5mo ago
thedivergentai

godot-genre-racing

by thedivergentai

"Expert blueprint for racing games including vehicle physics (VehicleBody3D, suspension, friction), checkpoint systems (prevent shortcuts), rubber-banding AI (keep races competitive), drifting mechanics (reduce friction, boost on exit), camera feel (FOV increase with speed, motion blur), and UI (speedometer, lap timer, minimap). Use for arcade racers, kart racing, or realistic sims. Trigger keywords: racing_game, vehicle_physics, checkpoint_system, rubber_banding, drifting_mechanics, camera_feel."

Animation 378 5mo ago
thedivergentai

godot-2d-animation

by thedivergentai

"Expert patterns for 2D animation in Godot using AnimatedSprite2D and skeletal cutout rigs. Use when implementing sprite frame animations, procedural animation (squash/stretch), cutout bone hierarchies, or frame-perfect timing systems. Trigger keywords: AnimatedSprite2D, SpriteFrames, animation_finished, animation_looped, frame_changed, frame_progress, set_frame_and_progress, cutout animation, skeletal 2D, Bone2D, procedural animation, animation state machine, advance(0)."

Animation 378 5mo ago
pbakaus

bolder

by pbakaus

Amplify safe or boring designs to make them more visually interesting and stimulating. Increases impact while maintaining usability.

Accessibility 48.7K 4mo ago
thedivergentai

godot-genre-sports

by thedivergentai

"Expert blueprint for sports games (FIFA, NBA 2K, Rocket League, Tony Hawk) covering physics-based ball interaction, team AI formations, contextual input, and broadcast camera systems. Use when building soccer, basketball, hockey, racing sports, or arcade sports games. Keywords ball physics, magnus effect, formation AI, team tactics, contextual controls, steering behaviors."

Animation 378 5mo ago
pbakaus

delight

by pbakaus

Add moments of joy, personality, and unexpected touches that make interfaces memorable and enjoyable to use. Elevates functional to delightful.

Animation 48.7K 4mo ago
thedivergentai

godot-animation-player

by thedivergentai

"Expert patterns for AnimationPlayer including track types (Value, Method, Audio, Bezier), root motion extraction, animation callbacks, procedural animation generation, call mode optimization, and RESET tracks. Use for timeline-based animations, cutscenes, or UI transitions. Trigger keywords: AnimationPlayer, Animation, track_insert_key, root_motion, animation_finished, RESET_track, call_mode, animation_set_next, queue, blend_times."

Animation 378 5mo ago
pedronauck

fixing-motion-performance

by pedronauck

Fix animation performance issues.

Animation 534 4mo ago
inference-sh

explainer-video-guide

by inference-sh

"Explainer video production guide: scripting, voiceover, visuals, and assembly. Covers script formulas, pacing rules, scene planning, and multi-tool pipelines. Use for: product demos, how-it-works videos, onboarding videos, social explainers. Triggers: explainer video, how to make explainer, product video, demo video, video production, video script, animated explainer, product demo video, tutorial video, onboarding video, walkthrough video, video pipeline"

Animation 643 3mo ago
millionco

animation-best-practices

by millionco

CSS and UI animation patterns for responsive, polished interfaces. Use when implementing hover effects, tooltips, button feedback, transitions, or fixing animation issues like flicker and shakiness.

Animation 14.1K 5mo ago
thedivergentai

godot-animation-tree-mastery

by thedivergentai

"Expert patterns for AnimationTree including StateMachine transitions, BlendSpace2D for directional movement, BlendTree for layered animations, root motion, transition conditions, advance expressions, and state machine sub-states. Use for complex character animation systems with movement blending and state management. Trigger keywords: AnimationTree, AnimationNodeStateMachine, BlendSpace2D, BlendSpace1D, BlendTree, transition_request, blend_position, advance_expression, AnimationNodeAdd2, AnimationNodeBlend2, root_motion."

Animation 378 5mo ago
guanyang

remotion-best-practices

by guanyang

Best practices for Remotion - Video creation in React

Animation 935 5mo ago
guanyang

frontend-design

by guanyang

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.

Animation 935 6mo ago
RefoundAI

building-sales-team

by RefoundAI

Help users build and scale their sales organization. Use when someone is hiring their first salespeople, deciding when to bring on sales leadership, structuring sales compensation, or transitioning from founder-led sales.

Animation 1.2K 5mo ago
RefoundAI

delegating-work

by RefoundAI

Help users delegate effectively. Use when someone is struggling to let go of tasks, deciding what to delegate, building team autonomy, or balancing being hands-on vs hands-off.

Animation 1.2K 5mo ago
ThinkInAIXYZ

frontend-design

by ThinkInAIXYZ

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.

Animation 6.1K 6mo ago
majiayu000

ceo-advisor

by majiayu000

Executive leadership guidance for strategic decision-making, organizational development, and stakeholder management. Includes strategy analyzer, financial scenario modeling, board governance frameworks, and investor relations playbooks. Use when planning strategy, preparing board presentations, managing investors, developing organizational culture, making executive decisions, or when user mentions CEO, strategic planning, board meetings, investor updates, organizational leadership, or executive strategy.

Animation 511 5mo ago
majiayu000

ceo-advisor

by majiayu000

Executive leadership guidance for strategic decision-making, organizational development, and stakeholder management. Includes strategy analyzer, financial scenario modeling, board governance frameworks, and investor relations playbooks. Use when planning strategy, preparing board presentations, managing investors, developing organizational culture, making executive decisions, or when user mentions CEO, strategic planning, board meetings, investor updates, organizational leadership, or executive strategy.

Animation 511 5mo ago
Chachamaru127

session-state

by Chachamaru127

"SESSION_ORCHESTRATION.mdに基づくセッション状態遷移管理。内部用。Do NOT load for: user session management, login state, app state handling."

Animation 3K 5mo ago