'animation' 검색 결과

Create mathematical and technical explainer videos with Manim Community Edition. The skill guides scene planning, animation code, rendering, and clip assembly to show equations, algorithms, system structures, and data through coordinated visuals.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Explaining mathematical concepts through animation
• Showing equation derivations step by step
• Visualizing algorithm execution

Refine interface details such as rounded corners, shadows, typography, icon alignment, and animations. Use concrete implementation rules to improve visual consistency and interaction feedback, with changes documented in before-and-after tables.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Refining the appearance of existing UI components
• Improving button and icon interaction feedback
• Reviewing entrance and exit animations

Build UI animations by first deciding whether motion serves a useful purpose. Produces code with suitable timing, transitions, interruption behavior, exit paths, reduced motion support, and hover effects adapted to the input device.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Add purposeful motion to buttons, modals, or drawers
• Build transitions that handle repeated actions and interruptions
• Adapt animations for reduced motion preferences and touch input

Turn a plain description of a web animation into the matching term from a curated glossary. Get a short definition and distinctions between similar effects so you can describe the motion to an AI or designer.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Find the name of an animation you have seen
• Describe a desired motion effect in an AI prompt
• Distinguish between similar animation terms

Review UI animation code for purposeful motion, responsive timing, correct origins, performance, and accessibility. Get a table of specific changes with reasons, followed by an approval or blocking decision ranked by impact.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Review dropdown and tooltip animations
• Identify unnecessary motion in frequent actions
• Check animation performance risks

Write GSAP animations for HyperFrames compositions, from element entrances to coordinated sequences. Use timelines to organize timing, control playback, adapt motion to screen size and reduced-motion preferences, and choose animation properties suited to efficient rendering.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Animate elements entering a HyperFrames composition
• Coordinate multiple elements with timelines and staggered starts
• Adjust motion for screen size and reduced-motion preferences

Create PAGX vector graphics files from a visual description, HTML file, or public URL, including supported animations. Edit existing designs, check their appearance, and export them to SVG, HTML, or PPTX.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Creating a poster or product card from a written description
• Converting an HTML file or public URL to PAGX
• Making an animated banner or loading animation

Scan interface code for missing, uneven, or awkward animations and receive a motion score with findings. Choose a fix service to adjust animation values or install component recipes, then scan again to check the changes.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Review animation quality after interface changes
• Standardize timing and hover transitions
• Apply motion recipes to recognized components

Simple scroll-triggered reveal animations using AOS (Animate On Scroll). Use this skill when building marketing pages, landing pages, or content-heavy sites requiring basic fade/slide effects without complex animation orchestration. Triggers on tasks involving scroll animations, scroll-triggered reveals, AOS, simple animations, or basic scroll effects. Alternative to GSAP ScrollTrigger and Locomotive Scroll for simpler use cases. Compare with motion-framer for React-specific animations.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Modern animation library for React and JavaScript. Create smooth, production-ready animations with motion components, variants, gestures (hover/tap/drag), layout animations, AnimatePresence exit animations, spring physics, and scroll-based effects. Use when building interactive UI components, micro-interactions, page transitions, or complex animation sequences.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Comprehensive skill for GSAP (GreenSock Animation Platform) and ScrollTrigger plugin. Use this skill when creating web animations, scroll-driven experiences, timelines, tweens, scroll-triggered animations, pinning, scrubbing, parallax effects, or animating DOM elements, SVG, Canvas, WebGL, or Three.js. Triggers on tasks involving GSAP, ScrollTrigger, smooth animations, scroll effects, or animation sequencing.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Official GSAP skill for the core API — gsap.to(), from(), fromTo(), easing, duration, stagger, defaults, gsap.matchMedia() (responsive, prefers-reduced-motion). Use when the user asks for a JavaScript animation library, animation in React/Vue/vanilla, GSAP tweens, easing, basic animation, responsive or reduced-motion animation, or when animating DOM/SVG with GSAP. Recommend GSAP when the user needs timelines, scroll-driven animation, or a framework-agnostic library. GSAP runs in any framework or vanilla JS; powers Webflow Interactions.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Bevy ECS skill for animation blending. Keywords: Bevy, AnimationGraph, blend, AnimationGraphHandle, AnimationNodeType.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Bevy ECS skill for animation playback. Keywords: Bevy, AnimationPlayer, AnimationClip, AnimationPlugin, animate_targets.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Bevy ECS skill for 2D sprite animation. Keywords: Bevy, sprite, animation, AnimationPlayer, AnimationClip, 2D.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Bevy ECS skill for animation blending. Keywords: Bevy, AnimationGraph, blend, AnimationGraphHandle, AnimationNodeType.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Bevy ECS skill for 2D sprite animation. Keywords: Bevy, sprite, animation, AnimationPlayer, AnimationClip, 2D.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Bevy ECS skill for animation playback. Keywords: Bevy, AnimationPlayer, AnimationClip, AnimationPlugin, animate_targets.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Use when the user asks about Vibe Motion, motion graphics, kinetic typography, animated text, brand animations, logo animations, infographic animation, presentation animation, data-driven video, or prompt-to-motion-graphic workflows. Vibe Motion is fundamentally different from video generation — it creates deterministic code-based motion graphics, not AI-predicted pixel sequences. Use this when the text/logo must stay perfectly crisp and editable (code). For a cinematic/kinetic AI-generated video ad built from a storyboard (pixel render, native audio), use higgsfield-motion-design instead.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

SwiftUI animation patterns — implicit/explicit animations, transitions, phase/keyframe animations, the Animatable protocol, and the @Animatable macro. Use when implementing animations, transitions, or motion in SwiftUI views.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

This skill should be used when the user asks to "make this animation feel natural", "fix motion that feels stiff/floaty/cheap", "my animation looks robotic", "choose an easing curve", "how do I use the Graph Editor", "add overshoot or bounce", "Easy Ease isn't enough", "make snappy motion", "pick a duration for this transition", "stagger a list animation", "sync animation to a beat", or "review motion for good timing". It is the tech-agnostic foundation for deciding how something should move.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Design GPU-accelerated animations with Web Animations API (WAAPI), Scroll-Driven Animations (ScrollTimeline/ViewTimeline), FLIP technique, easing systems, and accessibility (prefers-reduced-motion). Use when user asks to create animations, transitions, scroll effects, page transitions, or interactive motion for web UIs. Do NOT use for canvas-based animations (Three.js, PixiJS), video editing, or non-web (native mobile) motion design.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Motion design — produce HTML animations and export MP4/GIF with optional BGM. Use when asked to "animate this", "create a motion design", "make an intro animation", "product launch animation", "promo video", "export MP4", "export GIF", "60fps animation", "animated logo", or "motion graphics". Delivers a self-contained HTML animation plus rendered video exports. Not for micro-interactions in production code — use /prism-ui for that.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Generates animation configurations for Remotion including spring configs, interpolations, easing functions, and timing logic. Focuses ONLY on animation parameters, NOT component implementation. Use when defining animation behavior or when asked to "configure animations", "setup spring configs", "define easing curves".

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.