'keyframes' 검색 결과

Add zooms, pans, masks, moving text, and depth to HyperFrames compositions. Build animation states that remain correct when jumping to any point in time, then inspect motion and final frames with diagnostics and snapshots.

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

• Adding zooms and pans to a shot
• Revealing images with animated masks
• Animating text and SVG shapes

Use when a HyperFrames composition needs seek-safe 2D/3D keyframes, GSAP timelines, CSS keyframes, Anime.js, WAAPI, FLIP, paths, masks, SVG morph/draw, text trails, 3D depth, or `hyperframes keyframes` diagnostics. Don't use for broad scene strategy, brand design, media sourcing, captions, or general video planning.

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

Use when a HyperFrames composition needs a punch-in, punch-out, zoom, reframe, Ken Burns treatment, camera move, visual match/whip handoff, or other seek-safe 2D/3D keyframes; also for GSAP, CSS keyframes, Anime.js, WAAPI, FLIP, paths, masks, SVG morph/draw, text trails, 3D depth, or `hyperframes keyframes` diagnostics. Don't use for broad scene strategy, brand design, media sourcing, captions, or general video planning.

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

Create, implement, or review hyperframes keyframes work with format, accessibility, performance, and visual-verification controls. Use when the requested deliverable depends on hyperframes keyframes.

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

Build HyperFrames animations from small motion recipes, scene templates, and transitions. The skill guides runtime selection, including GSAP, Lottie, and Three.js, and provides an audit script to examine timing and choreography while following HyperFrames requirements for reproducible rendering.

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

• Combine motion recipes into a scene
• Build a multi-phase brand reveal from a template
• Design transitions between scenes

Build and review HyperFrames animations using motion recipes, scene templates, and transitions. Find guidance for seven animation runtimes, including GSAP and Three.js, and inspect existing scenes for timing gaps and inconsistent motion.

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

• Combine motion recipes for text and shapes
• Build scenes with several animation phases
• Choose an animation runtime

Import a recorded Remotion Canvas Capture as an editable composition with cursor keyframes, without using Studio controls. The workflow generates and registers a component, copies the video asset, and installs missing dependencies through an internal experimental command.

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

• Importing a recording as an editable composition
• Adding a capture without interacting with Studio
• Setting composition dimensions and frame rate during import

Structure Remotion code so elements remain editable in Studio. Follow markup patterns that support selection, dragging, resizing, rotation, style changes, and animation keyframes, including editable SVG shapes and their transitions.

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

• Making titles and images editable in Studio
• Keeping animation keyframes editable
• Editing SVG shapes and their transitions visually

Build Blender 3D scenes through text commands, adjusting objects, materials, lights, cameras, and animation keyframes. Render the scene or generate preview images to check its appearance, with scene state saved in JSON for later editing.

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

• Build a 3D scene from basic shapes
• Adjust materials, lighting, and camera settings
• Set animation keyframes and frame ranges

Add, edit, or inspect animation on Figma elements through use_figma. Work with keyframes, existing animation styles, color changes, easing that controls how movement accelerates, and timeline duration, with video frame checks when needed.

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

• Adding position or color animation to Figma elements
• Adjusting easing and animation timing
• Applying or removing existing animation styles

Add, edit, or inspect animation on Figma elements through use_figma. Work with keyframes, existing animation styles, color changes, easing that controls how movement accelerates, and timeline duration, with video frame checks when needed.

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

• Adding position or color animation to Figma elements
• Adjusting easing and animation timing
• Applying or removing existing animation styles

Add reveal animations that start when page elements enter the visible area. The skill provides JavaScript using IntersectionObserver, a browser visibility detector, plus CSS keyframes and Tailwind-compatible classes, with adjustments for trigger position, motion, duration, and delay.

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

• Revealing sections as visitors scroll
• Staggering the appearance of multiple elements
• Adjusting when a reveal animation starts

Structure Remotion code so elements can be selected and edited visually in Remotion Studio. Covers reusable scenes, editable text and styles, timeline organization, and keyframes, which define how properties change over time.

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

• Make text, colors, and positions editable in Studio
• Edit scene and clip timing independently
• Adjust animation keyframes and easing

Assemble an editorial-motion podcast-clip ad from a config — a real clipped podcast MP3 carries the narrative while N flat limited-palette editorial-illustration keyframes (one look pack) are animated NOT by generative i2v but by DETERMINISTIC ffmpeg ken-burns (zoompan) + hard cuts (no crossfades, which expose geometric drift), each beat snapped to its spoken line, the real audio muxed, Whisper-driven captions burned only mid-sentence, and closed on a PIL brand end card — never AI-rendered text. This is the FREE deterministic assembly stage (ffmpeg ken-burns + hard concat + audio mux + captions + end card); the real audio is clipped from source and the keyframes come from create-image-fal. Use for the editorial-motion-podcast format.

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

Animates 3D objects and characters in Blender with Python (bpy): keyframes, armatures and IK rigs, shape keys, F-Curves, the NLA editor and drivers. Use when the user wants to keyframe properties, create armatures and rigs, set up IK/FK chains, animate shape keys for facial animation, edit F-Curves, blend actions with NLA strips, add drivers, or script any animation workflow in Blender from the terminal.

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

Animate objects, cameras, lights, and properties in Blender — keyframes, F-curves, easing (Bezier, Linear, Sine, Bounce, Elastic), shape keys (morph targets / blendshapes / visemes), drivers (Python expressions on properties), NLA actions for reuse and layering. Use whenever the user asks to "animate this", "make it move / rotate / scale over time", "add keyframes", "loop / oscillate", "shape key / morph / blendshape", "visemes for lip sync", or any time-based property change. Make sure to use this skill even if the user does not say "animate" — also covers "spin it slowly", "make it wave", "fade in / out", "pulse", "facial expression".

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

픽셀 아트 캐릭터, 큰 연도, 움직이는 글자와 연표를 조합해 역사나 상식을 소개하는 애니메이션 HTML 장면을 만듭니다. 화면 녹화에 적합합니다.

• 역사 해설에 쓸 장면 만들기
• 픽셀 아트로 상식 전달하기
• 화면 녹화용 복고풍 움직임 만들기

회전하는 글자와 지구본, 서로 다른 속도로 움직이는 여러 레이어를 조합해 CSS로 움직이는 16:9 첫 화면을 제작하고 영상 내보내기용 HTML로 정리합니다.

• 마케팅 페이지의 움직이는 첫 화면 제작
• 글자가 움직이는 타이틀 카드 제작
• 원형 링과 지구본의 반복 재생 포스터 제작

GSAP으로 여러 애니메이션의 순서와 겹침을 구성하고 시작 위치 지정, 그룹 중첩, 재생·일시 정지·역재생·위치 이동 구현을 돕습니다.

• 여러 동작을 정해진 순서로 재생
• 시작 시간을 조정해 동작 겹치기
• 동작을 묶어 재생을 함께 제어

영상 전환이나 사이버펑크풍 메인 비주얼에 쓸 제목 화면을 만듭니다. 색 어긋남, 주사선, 글자 왜곡을 하나의 HTML로 구성합니다.

• 영상 전환용 제목 화면 제작
• 사이버펑크풍 메인 비주얼 제작
• 제목에 가로 방향 글자 왜곡 추가

Build coordinated animation sequences with GSAP timelines. Set when each movement starts, overlap effects, name key moments, combine smaller sequences, and control playback, including pause, reverse, restart, and jumps to a specific point.

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

• Animating several elements in a planned order
• Overlapping effects at precise times
• Organizing animation sections with labels

Animate 3D objects in Three.js using timed keyframes, bone movement, and shape changes. Play animations stored in GLTF models, control playback speed and looping, blend actions, and create motion through code.

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

• Playing animations included in GLTF models
• Blending idle, walk, and run animations
• Animating facial expressions and bones

Apply Disney's 12 animation principles to Lottie vector animations exported from After Effects. Use guidance on keyframes, motion paths, and playback controls to shape anticipation, timing, secondary actions, and interactive movement.

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

• Adding anticipation and squash-and-stretch to an animation
• Adjusting playback speed and frame ranges
• Coordinating main and secondary animations

Guide HyperFrames video projects from setup and component selection through checks, previews, and rendering. Use command-line tools to inspect timelines, diagnose failures, compare frames, and choose local, batch, or cloud rendering for the finished composition.

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

• Set up and preview a HyperFrames video project
• Diagnose build or rendering failures
• Render multiple videos from variable data