'animate' 검색 결과

분기 성과와 향후 계획을 파랑, 주황, 크림색의 복고풍 HTML 슬라이드 세 장으로 정리합니다. 표지, 세 가지 중점 과제, 로드맵과 핵심 성과 지표를 담습니다.

• 분기 성과 발표 자료 제작
• 팀의 세 가지 중점 과제 공유
• 로드맵과 핵심 성과 지표 제시

GSAP ScrollTrigger로 스크롤에 반응하는 웹 애니메이션을 구현합니다. 요소 고정, 진행도 연동, 가로 이동과 함께 위치 재계산 및 페이지 이동 시 정리도 다룹니다.

• 화면에 들어온 요소에 애니메이션 적용
• 스크롤 중 특정 구간을 고정해 표시
• 세로 스크롤로 콘텐츠를 가로 이동

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

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

대화 텍스트나 스크린샷을 움직이는 말풍선 영상으로 만듭니다. 앱 스타일 외관과 아바타 등을 설정하고 투명 배경 영상이나 편집용 프로젝트 파일로 출력합니다.

• 짧은 영상에 대화를 넣습니다
• 제품 시연 영상에 메시지를 겹칩니다
• 채팅으로 이야기를 재현합니다

Review CSS custom properties, often called CSS variables, used in animations and transitions. Add @property registrations with value types, initial values, and inheritance settings to support smooth changes and validate assigned values.

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

• Creating gradients that animate smoothly
• Reviewing transitions that use CSS variables
• Defining value types and inheritance for design tokens

Animate characters built from SVG parts using GSAP and CSS transforms. Coordinate gestures and facial expressions, keep joints connected, and control playback by frame in Remotion or validate browser previews with HyperFrames.

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

• Coordinate head and arm movements
• Check blinks, gaze, and mouth shapes
• Control a GSAP timeline by frame in Remotion

Build custom visual effects in Three.js using shaders, programs that control shape and surface appearance. Add animated waves, glowing edges, gradients, or dissolving surfaces, and extend existing materials with custom rendering behavior.

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

• Animate a surface with wave-like deformation
• Add glowing edges or gradients
• Create a dissolving surface effect

Guides agents working on Remotion videos built with React to relevant rules and code examples. It covers animation, captions, audio, scene transitions, charts, asset handling, and other common tasks involved in composing and adjusting a video.

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

• Add captions and animated text to a Remotion video
• Adjust audio timing, volume, and scene transitions
• Build animated charts or audio visualizations

Build an interactive app prototype in React with working clicks, form validation, animated transitions, and navigation across multiple steps. Manage changing screen state so users can try realistic flows and see how the interface responds.

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

• Prototype a form with input validation
• Try navigation across multiple steps
• Review hover effects and animated transitions

Turn music into a lyric video, slideshow, or animated promo, timing visuals to beats or musical phrases. Use supplied photos and clips, or build with text and templates, then preview and render an MP4.

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

• Creating a lyric video timed to a song
• Turning photos and clips into a music-driven slideshow
• Making an animated promo with text and templates

Build web animations with Anime.js, from staggered text and image reveals to SVG shape changes and animated lines. Coordinate timing, overlapping motion, and responses to user input while accounting for accessibility and performance.

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

• Coordinate multi-stage landing page animations
• Reveal text and grids with staggered timing
• Animate SVG shapes and line drawing

Build a PowerPoint presentation with Morph transitions, which smoothly transform shared shapes between slides. Plan how objects move, resize, rotate, appear, and exit across a slide sequence, then deliver a single .pptx file.

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

• Shrinking and moving a cover title onto the next slide
• Creating a continuous background across a slide sequence
• Explaining changing values with animated rectangle bars

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

Automate terminal interactions and capture screenshots before and after commands run. Define scenarios in TypeScript to review CLI appearance, document command flows, or record changing output such as progress bars, with optional animated GIFs.

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

• Review CLI appearance changes in a pull request
• Capture slash command interactions
• Create screenshots for usage documentation

Build websites with layered depth, scroll-driven transitions, and animated text using static images, CSS, and JavaScript. The skill covers asset inspection, visual planning, implementation, and checks for performance and motion accessibility.

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

• Build a product landing page with scroll-driven effects
• Add layered depth and animated text to an existing site
• Inspect image transparency and plan asset placement

Turn narration scripts into animated explainer videos using Remotion and 火山 TTS, a text-to-speech service. Prepare scripts, synchronize visuals with narration, preview each chapter, correct pronunciations, and export a verified MP4 with voice audio.

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

• Turn a narration script into an animated explainer video
• Synchronize subtitles and visuals with narration
• Preview and refine a video chapter by chapter

Create and inspect charts, PDFs, editable Word documents, spreadsheets, and browser presentations from supplied material. The skill selects tools for each format, checks content and layout, and delivers files or opens presentations with animation.

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

• Create charts from source data
• Prepare a PDF report with figures
• Create an editable Word document

Find places in an interface where animation would help, then filter suggestions by frequency, purpose, speed, and function. Get precise motion settings and reasons for rejected candidates, without changing source code.

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

• Find useful places to add motion to an existing interface
• Specify timing and movement for dialogs and notifications
• Decide which interactions should stay free of animation

Creates SVG technical diagrams for system architecture, UML, cloud systems, agents, and workflows. It checks labels and connections, exports PNG or offline HTML, and can animate supported diagrams as GIFs for explaining how components interact.

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

• Illustrating system architecture and cloud components
• Mapping agent interactions and workflows
• Sharing diagrams as PNG or offline HTML

Turn systems, code changes, plans, and data into HTML explanations built around diagrams and visual comparisons. Add interactive or animated steps where useful, with slides, PPTX exports, and MP4 videos available on request.

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

• Explain system architecture and data flows visually
• Review code changes or implementation plans with diagrams
• Compare options and present data visually

Build a single HTML opening screen that reveals supplied text character by character behind a glowing cursor. Colored trails, brief color offsets, and a finishing light sweep create an animated introduction for a video or a prominent opening message.

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

• Revealing a supplied quote at the start of a video
• Creating an opening screen with a typing effect
• Adding source and chapter labels beneath animated text

Build a looping animated hero, the large visual at the top of a page, or a video opening. Combine rotating text, a globe or abstract geometry, a timer, and floating labels with cinematic colors and one neon accent.

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

• Creating an animated video opening
• Designing a landing page hero
• Combining motion elements into a looping visual

Record a game mod with its own audio, or combine existing clips into a short showcase for X or YouTube. Select highlights from timestamped image grids, then add animated titles, credits, transitions, music, and a watermark.

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

• Recording a game mod demo
• Cutting a short trailer from gameplay highlights
• Combining existing clips with creator credits

Embed interactive Unicorn Studio scenes in websites and adjust their sizing, layering, and rendering settings. Use it to integrate animated visuals with page content, manage performance, and troubleshoot scenes that fail to appear.

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

• Embed an interactive scene in a website
• Layer animated visuals with text and images
• Adjust rendering settings for mobile devices