'animate' 검색 결과

Builds a stylized 3D animated ad on the Novoads REST API as a STORYBOARD: four to six beats, each rendered from its own key frame, narration laid into the gaps, a music bed, captions burned on, assembled locally with ffmpeg. Carries the genre's beat formulas (anthropomorphized problem character, protagonist reveal, mascot mechanism scene, composited end card). Use for ANY Pixar-style, Disney-style, 3D animated or animated-film-look ad at ANY length: "Pixar style ad", "3D animated ad", "animated movie look", "cute 3D character ad", "a quick animated ad", "15 second animated ad", "30 second animated ad", "storyboard ad", "several scenes", "animated ad with a voice-over", "little mascots", or a product URL or photo for an emotional animated spot. No one-call tier, so ffmpeg is required. Not for stop-motion clay (use claymation-ad), talking-head UGC (novoads-api), video cloning, or static image ads.

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

Build React Native mobile interfaces for iOS and Android, covering styling, screen navigation, gesture interactions, and animations. The skill guides React Navigation and Reanimated usage, responsive layouts, and performance improvements for mobile components.

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

• Building React Native screens for iOS and Android
• Implementing screen navigation with React Navigation
• Adding touch gestures and Reanimated animations

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

Create explainer clips, short videos, and animated overlays with React code. Define scenes and motion by frame number, then render an MP4 that can be regenerated after changes to the content, timing, or visual design.

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

• Turn a process explanation into an animated video
• Create a short video from supplied content
• Build animated overlays for video

Create premium hand-drawn architecture and process diagrams in the Lanshu animated GIF style, with editable .excalidraw files, static PNG previews, and genuinely animated GIFs with moving flow highlights. Use this skill whenever the user asks for 岚叔动态架构图, Excalidraw-like diagrams, DailyDoseOfDS-style black-background sketches, animated architecture/process GIFs, polished flowcharts, visual explanations of articles or system designs, or asks to replicate or improve a reference diagram with hand-drawn animated effects.

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

End-to-end motion-design / animated-ad creation flow on Higgsfield via the MCP connector. Use when the user wants to create motion design, animate a logo, make a video from an image, build an animated ad or brand promo, turn a product into motion, or says 'make a motion', 'motion design', 'animate this', 'make a video from my logo', 'animated brand', 'motion graphics', 'brand motion', 'kinetic graphics', 'promo video', or 'ad video'. Drives a storyboard-first pipeline: brief → storyboard sheet (GPT Image 2) → video (Seedance 2.0) — an AI-generated pixel video clip. Distinct from higgsfield-motion (the named camera/motion preset library) and from higgsfield-vibe-motion (deterministic Remotion code with crisp text); use vibe-motion instead when the text/logo must stay perfectly crisp, editable, and deployable as code.

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

Motion (旧 Framer Motion) アニメーションライブラリ リファレンス。motion/react, vanilla JS, Vue 版 motion-v (v-motion ディレクティブ)。 AnimatePresence, AnimateView, LayoutGroup, LazyMotion, MotionConfig, Reorder, useAnimate, useScroll, useSpring, useTransform, useMotionValue, useInView, motionValue。 animate, animateView, scroll, inView, hover, press, stagger, spring, timeline, transitions, styleEffect, threeEffect。Motion+ Carousel, Cursor, Ticker, Typewriter, AnimateNumber。 layout, drag, gestures, SVG, Tailwind, Lenis 連携。accessibility, performance, bundle 最適化, troubleshooting。

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

Create animated GIFs for Slack emoji and messages using drawn shapes or uploaded images. Add motion such as bouncing, rotation, and fading, adjust dimensions and colors, and validate the finished file against Slack requirements.

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

• Create animated reaction emoji for Slack
• Animate an uploaded image
• Make a bouncing or rotating GIF for a message

Pre-built animated React component collections combining Magic UI (150+ TypeScript/Tailwind/Motion components) and React Bits (90+ minimal-dependency animated components). Use this skill when building landing pages, marketing sites, dashboards, or interactive UIs requiring pre-made animated components instead of hand-crafting animations. Triggers on tasks involving animated UI components, Magic UI, React Bits, shadcn/ui integration, Tailwind CSS components, or component library selection. Alternative to manually implementing animations with Framer Motion or GSAP.

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

Convert comic book panels, manga pages, webtoons, and illustrated storyboards into animated video using Seedance 2.0 on Higgsfield. Use whenever the user wants to animate comics, bring illustrations to life, convert manga to video, animate storyboards, or create motion from static sequential art. Triggers on: comic to video, manga animation, panel animation, storyboard to video, webtoon animation, comic book motion, sequential art, graphic novel animation, or any illustrate-to-animate request. Use even when user says "make this drawing move" or "animate this page.

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

Add CSS animations to HTML elements, React/JSX components, or WordPress PHP templates using Animate.css (v4.1.1). Use this skill whenever the user wants to animate UI elements, add entrance/exit effects, attention-seeker animations, or any CSS-based motion to their markup. Trigger on phrases like "add animation", "animate this", "make it bounce/fade/slide/zoom", "add transitions", "CSS animations", or any request to bring elements to life visually. Works with raw HTML snippets, full HTML files, React JSX, and WordPress PHP templates. Claude picks the most contextually appropriate animation — no guesswork needed from the user.

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

React와 Next.js에서 드래그, 스와이프, 텍스트와 SVG 애니메이션을 구현합니다. 여러 단계의 동작과 로딩 표시를 다루며 용도에 맞는 API 선택도 안내합니다.

• 드래그로 닫는 패널과 정렬 목록 구현하기
• 단어별 텍스트 표시와 숫자 애니메이션 만들기
• SVG 선 그리기와 원형 진행 표시 구현하기

Slack 이모지와 메시지에 사용할 GIF를 이미지나 도형으로 제작합니다. 크기, 색상 수, 동작 속도를 조절하고 제공된 도구로 요구 사항을 확인합니다.

• Slack 반응용 GIF 제작
• 업로드한 이미지에 움직임 추가
• 메시지용 GIF 제작

Create an animated HTML scene for history or trivia explainers, combining pixel art, a prominent year, moving text, and a scrolling timeline. CSS loops provide motion, making the scene suitable for screen recording.

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

• Creating an animated scene for a history explainer
• Presenting trivia with pixel-art characters
• Preparing a retro animation for screen recording

Create HTML-based videos with animated titles, synchronized captions, text-to-speech narration, scene transitions, and visuals that react to music. Define timing and layout, then check for overflowing content, readable contrast, and animation choreography.

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

• Creating short product reveal videos
• Adding captions synchronized with audio
• Combining narration with animated text

Create a 16:9 animated hero composition with rotating rings, a globe or other focal graphic, and expressive typography. Deliver a single HTML document with CSS animations that a frame-capture exporter such as HyperFrames can turn into video.

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

• Create an animated hero for a marketing page
• Design a title card with moving typography
• Build a looping poster with rotating rings and a globe

Implement animated effects, transitions, and movement in Flutter apps. Use it when adding motion to native iOS and Android app interfaces, with support for turning requests for animation into implementation work.

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

• Adding animated effects to a Flutter app
• Implementing animated screen transitions
• Adding motion to iOS and Android app interfaces

Create a custom animated Codex pet from text or reference images. Generate consistent poses, assemble them into a spritesheet, an image containing animation frames, and package the result with configuration files, visual checks, and preview videos.

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

• Create a Codex pet from a text concept
• Turn character art into an animated pet
• Repair inconsistent animation poses

Create animated GIFs for Slack messages and custom emoji from a description. Combine motion such as bouncing, spinning, and shaking, then check dimensions and file size and adjust frames or colors to fit the intended use.

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

• Create animated emoji for reactions
• Make short GIFs for Slack messages
• Reduce GIF size for the intended use

Audit large animated GIFs that may slow a web page, confirm their impact with performance measurements, and guide conversion to MP4 or WebM with video markup suited to looping animations.

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

• Investigating slow pages that contain animated GIFs
• Replacing large GIFs with MP4 or WebM
• Reviewing playback attributes for looping videos

Create short video clips from text or still images with LTX-2.3 22B. Generate supporting footage, animated backgrounds, or moving portraits while specifying camera motion, lighting, dimensions, and duration, with clips around five seconds by default.

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

• Generate supporting footage for narrated videos
• Add subtle motion to slide backgrounds
• Animate still portraits

Create short animated graphics for titles, statistics, charts, logos, maps, or web content. The workflow sources assets when needed, designs and checks the animation, then exports an MP4 or transparent overlay after preview approval.

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

• Animating a short title or quote
• Showing a statistic with a count-up or chart
• Creating a logo reveal

Create animated Codex pets from character art, text ideas, or brand cues. Generate nine animation states, assemble a transparent sprite sheet, check appearance and movement, and package the results with a pet configuration file.

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

• Turn character art into an animated Codex pet
• Create a pet in plush, clay, or other non-pixel styles
• Design a mascot from company or brand cues

Create animated GIFs for Slack messages and custom emoji from a description. Combine motion such as bouncing, spinning, and shaking, then check dimensions and file size and adjust frames or colors to fit the intended use.

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

• Create animated emoji for reactions
• Make short GIFs for Slack messages
• Reduce GIF size for the intended use