'animation' 검색 결과

Build web pages where scrolling controls animation and storytelling. Combine text reveals, pinned sections, and parallax, where layers move at different speeds, while considering mobile performance and accessibility.

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

• Product feature walkthroughs
• Visual stories that unfold as readers scroll
• Before-and-after comparisons

Build videos in React with Remotion using task-specific rules and code examples. The skill covers animation timing, captions, audio, scene transitions, and media assets, helping guide implementation across common video creation tasks.

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

• Add word-highlighted captions to videos
• Create text animations and scene transitions
• Trim audio and adjust volume or playback speed

Build and improve mobile apps with React Native and Expo using prioritized implementation rules. Covers faster lists, animations, images, navigation, state management, and native dependencies, with explanations and code examples for reviewing common implementation choices.

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

• Improving long lists and scrolling performance
• Reviewing Reanimated animations and gestures
• Choosing image, navigation, and modal implementations

Capture cmux windows as screenshots or video clips from the CLI. Create visual evidence for pull requests and bug reports, with region selection and captions to explain drags, animations, or layout changes.

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

• Attaching screenshots of visual changes to a pull request
• Recording drags and animations for a bug report
• Capturing a specific window region with explanatory captions

Build videos in React with Remotion using topic-specific guidance and code examples. Covers animation, captions, audio, scene transitions, asset handling, timing, and text layout, with additional references for charts, maps, and 3D content.

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

• Create text animations and scene transitions
• Add captions and subtitles to videos
• Adjust audio, video clips, and display timing

Build web layouts that adapt to screen and component sizes using CSS. Covers flexbox and CSS Grid for arranging content, reusable style variables, fluid text sizing, dark mode, and animations for interactive elements.

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

• Building layouts for phones and larger screens
• Creating cards that adapt to their container
• Managing shared styles and dark mode

Design and review web interfaces using Apple’s principles for fluid interaction. Shape drags, swipes, and spring motion that can change direction mid-animation, alongside translucent layers, readable typography, and accessible alternatives to movement.

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

• Design drawers that follow the user's finger
• Carry swipe momentum into animations
• Refine translucent layers and typography

Build and review interface components with guidance on animation timing, press feedback, drag behavior, and accessibility. Decide when motion helps, choose concrete settings, and explain proposed code changes in a before-and-after comparison.

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

• Refine button and menu interactions
• Choose animation timing and easing
• Improve drag behavior and interruptions

Prepare generated or hand-drawn artwork for a game's required file layout, dimensions, colors, and transparency. Create sprite sheets, assemble animation frames, and render 3D models into consistent views for use as game images.

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

• Prepare artwork for a game's required sprite dimensions
• Assemble animation frames into a sprite sheet
• Render a 3D unit from multiple directions

Explain how a website, visual effect, or animation works from a live URL or screenshot. Identify the layers and techniques behind the appearance, distinguish measurements from inferences, and describe the principles that can transfer to other interfaces.

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

• Understand the layers behind a gradient effect
• Learn how a web animation produces its motion
• Investigate a site's frontend structure and visual systems

Build iOS and Android apps with React Native and Expo. Get guidance and typed component code for navigation, lists, animations, storage, and platform differences, with attention to scrolling performance and testing on both platforms.

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

• Building mobile screens with React Native and Expo
• Adding screen navigation with Expo Router
• Improving list scrolling and animation performance

Add scroll-triggered text animations in which words rise into view one after another. Uses GSAP ScrollTrigger with hidden overflow masks, while preserving spaces, screen reader text, and static display for people who prefer reduced motion.

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

• Animating a hero headline as it enters view
• Revealing section titles word by word
• Respecting reduced-motion preferences in text animations

Build, integrate or audit rigged 3D game characters and monsters, including skeletons, animations, equipment and collision rules. Connect assets to gameplay and provide an interactive inspector to verify actions, equipment states and runtime behavior.

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

• Integrating FBX or GLB characters into gameplay
• Separating swappable weapons and armor from character bodies
• Defining monster animations and attack collision timing

Turn HTML files or live reference pages into articles with reusable prompts for recreating animations and interactions. Includes source inspection, screenshots, optional video capture, and checks that article text and media render correctly.

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

• Extracting reusable interaction prompts from HTML
• Writing screenshot-backed articles about web animations
• Recording live page motion and collecting reference frames

Diagnose and improve slow web interfaces by measuring loading, rendering, interactions, and animations. The skill addresses images, JavaScript bundles, page layout, and network requests, then compares before-and-after results to verify improvements across devices and connection speeds.

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

• Reducing slow initial page loads
• Improving sluggish scrolling and animations
• Reducing image and JavaScript download sizes

Build and review Tailwind CSS interfaces against consistent rules for typography, accessibility, layout, and animation. Get specific code fixes for violations, including keyboard interactions, loading states, error placement, and motion timing.

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

• Reviewing UI components for accessibility
• Keeping Tailwind CSS styling consistent
• Checking animation timing and performance

Helps build and review interface details such as button feedback, menus, animations, and drag gestures. Provides concrete implementation guidance based on usage frequency, responsiveness, rendering performance, and accessibility, including when to reduce or omit motion.

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

• Reviewing UI code with concrete changes and reasons
• Choosing animation timing and easing
• Refining drag gestures and component feedback

Build Remotion video scenes with animation, media, and visual effects. Follow React markup patterns that keep timing and individual elements editable in Studio, with guidance for reusable scenes and frame-based motion.

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

• Create a title fade-in
• Add an editable lower third over a video
• Organize multiple scenes into editable timelines

Add an animation that makes a finished interface look as though an AI agent is building it. It traces the element’s actual layout with dots, then reveals the interface, optionally alongside generation logs and CSS text.

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

• Reveal a result card when AI output arrives
• Show a component being built in a product demo
• Add generation logs to a landing page reveal

Generate 2D game characters, props, icons and effects, or prepare existing artwork for use in a game. The skill removes backgrounds, separates frames, adjusts size and palettes, checks results, and exports assets for game engines.

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

• Create a character master still
• Split prop or effect sheets into frames
• Prepare existing frames for a game engine

Build and improve mobile apps with React Native and Expo using prioritized implementation rules. Covers faster lists, animations, images, navigation, state management, and native dependencies, with explanations and code examples for reviewing common implementation choices.

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

• Improving long lists and scrolling performance
• Reviewing Reanimated animations and gestures
• Choosing image, navigation, and modal implementations

Builds and refines web pages and components using documented design rules. Covers layout, styling, animation, and reusable components, with browser-based checks for visual quality, performance, accessibility, and SEO.

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

• Building a landing page from a brief
• Redesigning an existing dashboard
• Implementing a supplied screenshot or mockup

Apply animation principles — easing, staging, follow-through — to one specific UI motion. Use when tuning how an animation feels. For product-wide duration and easing tokens use `motion-system` (design-systems); for a full interaction spec use `micro-interaction-spec`.

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

Build animations in React Native and Expo, making the decisions in the order that determines whether they feel right — should it animate, which thread it runs on, which properties, spring or timing, how the gesture hands off, how it degrades. Writes the implementation with Reanimated, Gesture Handler, Expo Router and expo-haptics. Use when animating anything in an Expo app, adding gestures, sheets, screen transitions, press feedback or haptics, or fixing motion that stutters on device. For web animation use `animate`.

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