'animate' 검색 결과

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

Add or debug web animations with GSAP, from entrance effects to scroll-driven sequences. Coordinate timing across multiple elements, adjust motion, and address rendering performance and cleanup when using animations in React.

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

• Animate a hero section with staggered entrances
• Build scroll-driven animated sections
• Coordinate navigation, headings, and buttons

Add animated liquid-metal borders to React buttons, cards, tabs, and other surfaces using metal-fx. The skill covers visual tuning, linking effects to interaction states, preserving keyboard access, and providing static borders when animation or WebGL is unavailable.

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

• Highlighting selected tabs and filters
• Adding metallic borders to primary buttons
• Tuning card borders, glow, and corner radius

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

Capture long web pages by scrolling, waiting for content to settle and stitching screen captures together. Repair missing sections on animated or lazy loaded pages, then derive section crops and validate them against visual references.

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

• Repairing blank or incomplete full page screenshots
• Capturing pages with scroll animations or lazy loaded content
• Creating article section crops from a stitched image

Turn a codebase into a browser-based course for people without programming experience. Build interactive lessons with animated data flows, quizzes, glossary explanations, and code paired with plain English to explain how the project works.

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

• Understand how an app built with AI works
• Create a learning course from a GitHub project
• Learn data flow through animations and quizzes

Choose a technique for adding maps to Remotion videos, from satellite images with animated overlays to globe views, geographic annotations, and terrain flythroughs. Compare approaches based on the intended shot and service requirements.

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

• Animate overlays on a satellite image
• Show a globe or 3D buildings with Mapbox
• Use MapLibre without an API key

Add CSS animations to web interfaces using ready-made patterns for menus, modals, loading states, text changes, and more. It selects a suitable pattern, connects markup and any required JavaScript, and preserves reduced-motion support.

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

• Adding opening and closing animations to menus and modals
• Animating loading placeholders and loaded content
• Adding transitions for changing text and numbers

Create a short animated quote or mission statement in a single HTML file. White and electric-blue panels meet at the center, a black accent bar grows, and text appears line by line with attribution and brand marks.

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

• Turn a quote into an animated visual
• Present a mission statement with contrasting panels
• Create a testimonial sequence with attribution

Turn a supplied quote into an animated video-intro scene in a single HTML file. Text appears character by character with a glowing cursor, colored trails, and light flares, with space for a source or chapter label.

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

• Introducing a video with an animated quote
• Creating a glowing title scene for a chapter
• Adding a source label beneath an opening quote

Create animated brand or event titles with blue and dark panels sliding in from opposite sides. Staggered headlines, an outlined word, and a short handwritten phrase with a drawn underline give the opening a retro-modern feel.

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

• Introducing a brand title with animated split panels
• Creating an event opening title
• Revealing an idea with handwritten accents

Create a glitch styled title screen for video transitions or cyberpunk visuals. The single HTML file combines large headlines, cyan and magenta color offsets, scanlines, noise, and animated distortions using your title and subtitle.

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

• Creating a title screen for a video transition
• Designing a cyberpunk main visual
• Adding animated distortion to a title

Turn an approved character still into animated game assets, with a separate video for each action. Process generated or supplied clips into transparent, aligned frames, adjust loops and timing, and export images, video, and playback metadata.

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

• Build a character animation set from one still
• Convert a supplied clip into transparent game assets
• Adjust walking loops and attack timing

Turn podcast clips, music, or spoken audio into MP4 videos with animated waveforms or frequency displays. Add a cover image and title to prepare audio content for sharing on video platforms.

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

• Turn a podcast excerpt into a video
• Add animated frequency displays to music
• Pair spoken audio with a waveform and cover image

Create new videos from written scene descriptions or still images using external AI services. Set the aspect ratio and duration, animate a character image, and request generated audio when the selected model supports it.

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

• Generate a short video from a scene description
• Animate a still image
• Create character motion from a starting image

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".

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

Generate Excalidraw diagrams from text content. Supports three output modes - Obsidian (.md), Standard (.excalidraw), and Animated (.excalidraw with animation order). Triggers on "Excalidraw", "画图", "流程图", "思维导图", "可视化", "diagram", "标准Excalidraw", "standard excalidraw", "Excalidraw动画", "动画图", "animate".

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

Build native UI with the @expo/ui package: real SwiftUI on iOS and Jetpack Compose on Android. Default to @expo/ui for sheets (BottomSheet), pickers, sliders, toggles, menus, and grouped-form sections — do NOT reach for Reanimated, @gorhom/bottom-sheet, or RN built-in Picker/Switch; use @expo/ui instead. Fall back to RN built-ins only when @expo/ui is missing the component. NOTE: @expo/ui List renders native grouped rows like an iOS Settings screen — it is NOT a virtualized list; use FlatList/FlashList for large datasets. Covers universal components (Host, Column, Row, Button, Text, List, BottomSheet, FieldGroup, Switch, Slider, Picker, Menu), drop-in replacements for RN community libraries, and platform-specific SwiftUI/Jetpack Compose trees. Not for Expo Router navigation, Reanimated, or data fetching.

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

Turn a raster logo (PNG/JPG/WebP/screenshot) into a clean minimal SVG with edge smoothness as the primary hard gate and IoU optimized as high as reasonably possible without a fixed global threshold, then into a choreographed logo animation delivered as standalone JS-rendered HTML, applying Disney's 12 animation principles. Use when asked to animate a logo, build a logo reveal / splash screen / brand intro, convert a logo image into animated SVG or HTML, add motion to a vectorized mark, or create loading/idle/hover motion for a brand mark. v2: also handles self-crossing draw-on choreography (split-fill, exact easing subdivision, tip glint), closed variable-width ribbon fitting, and quantitative motion QA (easing probe, ink-delta continuity sweep).

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

Knowledge and utilities for creating animated GIFs optimized for Slack. Provides constraints, validation tools, and animation concepts. Use when users request animated GIFs for Slack like "make me a GIF of X doing Y for Slack."

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

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".

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

Turn a raster logo (PNG/JPG/WebP/screenshot) into a clean minimal SVG with edge smoothness as the primary hard gate and IoU optimized as high as reasonably possible without a fixed global threshold, then into a choreographed logo animation delivered as standalone JS-rendered HTML, applying Disney's 12 animation principles. Use when asked to animate a logo, build a logo reveal / splash screen / brand intro, convert a logo image into animated SVG or HTML, add motion to a vectorized mark, or create loading/idle/hover motion for a brand mark. v2: also handles self-crossing draw-on choreography (split-fill, exact easing subdivision, tip glint), closed variable-width ribbon fitting, and quantitative motion QA (easing probe, ink-delta continuity sweep).

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

Create animated flow diagrams from articles, workflow notes, architecture sketches, or process descriptions using a JSON specification and a local Python/Pillow renderer. Use when the user wants to turn source material into a static PNG + animated GIF diagram.

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

Assemble a cartoon / animated / hand-crafted music-video ad from a config — a sung song carries the whole narrative while N per-bar i2v clips (one recurring animated character, one look pack) are each cut to their BAR window from librosa beat-tracking and hard-concatenated on the bar, VEED-whisper white bold-sans captions in the BOTTOM third (Alignment 2, above the logo bug, no pill) burned from the song's word timings re-spelled against the locked lyrics, a persistent brand logo bug held over the body (suppressed on the end card), and closed on a solid-brand-color PIL end card with the song still playing under it — never AI-rendered text. This is the FREE deterministic assembly stage (cut-to-bar + hard concat + logo bug + captions + end card + song mux); the song, character, keyframes, and clips come from create-music-elevenlabs / create-image-fal / create-video-fal. Use for the cartoon-music-video format.

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