본문으로 건너뛰기
cccskills

'motion' 검색 결과

2.3천건 · 관련도순

video

무료

Create product demos, explainers, and social clips by choosing among AI footage, virtual presenters, code-based video templates, and editing tools. The skill guides scripts, visuals, captions, reusable production workflows, and exports suited to the target platform.

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

  • Creating a product demo with screen recordings and captions
  • Producing an explainer with an AI presenter
  • Generating multiple social clips from one template
coreyhaines31/marketingskills5.6만2026년 10월 20일 업데이트

Evaluate whether a fine-tuned model is ready for release by checking training data, general capability loss, comparisons with the base model, and staged production rollout. Produces an evidence-based promotion or rejection report with one prioritized remedy when rejected.

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

  • Deciding whether to release a fine-tuned model
  • Checking whether training reduced general capabilities
  • Reassessing a model against updated reference evaluations
wshobson/agents4.1만2026년 10월 20일 업데이트

Turn work history into clear accomplishment statements for performance reviews, promotion cases, and weekly updates. Use Copilot CLI sessions, git commits, and GitHub pull requests to connect each action with its result and supporting evidence.

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

  • Recovering work accomplishments missing from a personal log
  • Preparing evidence for a performance review
  • Organizing achievements for a promotion case
github/awesome-copilot4만2026년 10월 21일 업데이트

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
spree/spree1.6만2026년 10월 20일 업데이트

Turn a plain description of a web animation into the matching term from a curated glossary. Get a short definition and distinctions between similar effects so you can describe the motion to an AI or designer.

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

  • Find the name of an animation you have seen
  • Describe a desired motion effect in an AI prompt
  • Distinguish between similar animation terms
spree/spree1.6만2026년 10월 20일 업데이트

Audit an app’s animations for responsiveness, performance, and accessibility, then rank the findings by impact and effort. Produce detailed implementation plans that another agent can follow, while leaving source code unchanged during the audit.

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

  • Audit animations across an entire app
  • Prioritize motion issues by impact and effort
  • Prepare implementation plans for another agent
spree/spree1.6만2026년 10월 20일 업데이트

better-ui

무료

Refine interface surfaces, icons, and motion with specific values for corners, shadows, alignment, and transitions. Preserve the project's existing design conventions while identifying visual inconsistencies, touch interaction problems, and missing alternatives for reduced motion.

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

  • Refining corners and shadows on nested cards
  • Unifying icon appearance across interaction states
  • Adjusting button feedback and entrance animations
jakubkrehel/skills8.1천2026년 10월 13일 업데이트

gsap

Codex 공식무료

Write GSAP animations for HyperFrames compositions, from element entrances to coordinated sequences. Use timelines to organize timing, control playback, adapt motion to screen size and reduced-motion preferences, and choose animation properties suited to efficient rendering.

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

  • Animate elements entering a HyperFrames composition
  • Coordinate multiple elements with timelines and staggered starts
  • Adjust motion for screen size and reduced-motion preferences
openai/plugins7.5천2026년 10월 8일 업데이트

Turn ordered steps into a vertical or horizontal timeline whose progress line and active step update as readers scroll. Keep the sequence readable across screen sizes, with keyboard navigation and support for reduced-motion preferences.

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

  • Present onboarding or service steps as a scroll timeline
  • Show a roadmap or history with visible progress
  • Adapt a timeline for small screens
MengTo/Skills6.9천2026년 10월 18일 업데이트

Add word-by-word reveal animations to headlines and short copy, with each word fading in and rising once as it enters view. Includes implementation examples that account for screen readers, reduced motion, and disabled JavaScript.

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

  • Animating portfolio headlines
  • Revealing hero copy as it enters view
  • Adding subtle motion to section introductions
MengTo/Skills6.9천2026년 10월 18일 업데이트

Implement a WebGL transition where a ragged ember edge burns away the old page and reveals the next scene in motion. The skill covers glowing embers, porous char, rendering optimizations, transition timing, and reduced-motion behavior.

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

  • Switch chapters with a burning-paper reveal
  • Reveal an animated scene behind a moving ember edge
  • Adjust burn direction and duration for page content
MengTo/Skills6.9천2026년 10월 18일 업데이트

Create coordinated website animations with GSAP, ScrollTrigger, and Lenis. Combine smooth scrolling, staged text and image reveals, pinned scenes, and pointer interactions, with guidance for performance, touch devices, and reduced-motion preferences.

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

  • Coordinating motion across a portfolio website
  • Revealing text and images during scrolling
  • Building pinned storytelling sections
MengTo/Skills6.9천2026년 10월 18일 업데이트

Build subtle animated petals, snow, confetti, or other decorative particles within a single page section. Adjust their movement and density while preserving readable content, limiting device workload, and providing static alternatives for readers who reduce motion.

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

  • Adding gentle petals or snow to a page section
  • Animating small brand fragments behind content
  • Limiting decorative animation on mobile devices
MengTo/Skills6.9천2026년 10월 18일 업데이트

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
Jakubantalik/transitions.dev5.5천2026년 10월 17일 업데이트

Analyze reference animations and create art animations or narrated explainer videos with code. The skill covers storyboards, visual styles, rendering, and quality checks, with optional workflows for recorded narration, generated voices, and character images.

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

  • Analyze motion and transitions in a reference animation
  • Create an animation with a consistent artistic style
  • Produce explainer clips timed to narration
alchaincyf/huashu-art-motion4.7천2026년 10월 17일 업데이트

Define motion tokens — durations, easing vocabulary, and reduced-motion handling — for consistency product-wide. Use when standardising motion across a system. For crafting one specific animation, use `animation-principles` (interaction-design).

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

Owl-Listener/designer-skills3천2026년 9월 6일 업데이트

Analyze a public or local reference video, isolate a time range, deconstruct its layout, motion, timing, and transitions, then build an original verified motion replica with reusable templates and final MP4 QC. Use when the user says 复刻这个视频效果, 参考这个视频做同款动效, 拆解前 N 秒, 还原方框/连线/卡片动画, or provides a video or URL as a motion reference rather than asking to copy its footage or script.

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

Pluviobyte/rnskill1.7천2026년 9월 21일 업데이트

将参考图或简要描述解码为可编辑的半色调纸张拼贴规范,默认使用 Codex 内置 image_gen 生成品牌一致的静帧和透明图层,再用本地 FFmpeg 或 HyperFrames 制作“从空背景逐件组装”的确定性动态视频。用户提到半色调拼贴、纸张拼贴、剪纸拼贴、编辑式拼贴、杂志拼贴、复古印刷拼贴、拼贴动效、拼贴动画、剪纸动画、纸片组装、逐层组装、从无到有、元素飞入拼装、定格拼贴、定格动画、Arcads 风格、参考图拆解、风格拆解、反向拆解视觉、照这个风格做、做类似的、生成拼贴静帧、让这张图动起来、让这些元素组装起来、制作拼贴广告或拼贴解释视频时使用。英文触发语义包括 editorial collage、halftone collage、paper collage、paper-cut motion、stop-motion graphic、assemble from empty、build-on motion、analyze this、break this down、reverse-engineer this look、generate the stills、animate this、make these move。默认不调用 Arcads、Nano Banana、Seedance 或 Kling;只有用户明确要求且对应连接器可用时才进入外部生成路径。

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

Pluviobyte/rnskill1.7천2026년 9월 21일 업데이트

Motion-first AI video director for topic-to-video creation. Use when the user gives a theme, idea, article, script, or brief and wants AI to freely create a real animated video instead of a PPT/slideshow-style explainer; when deciding visual metaphors, motion grammar, scene beats, component choices, generated image needs, HyperFrames/Remotion implementation strategy, and anti-PPT QC.

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

Pluviobyte/rnskill1.7천2026년 9월 21일 업데이트

Prepare a promotion defence (晋升答辩) for a level-based promotion process common at Chinese technology companies: the materials, the presentation structure, the evidence for the next level, and a rehearsal of the committee's questions. Use when asked 帮我准备晋升答辩, 晋升述职, 晋升 PPT, how do I prepare for my promotion committee, or 答辩问题. Produces a level-gap analysis against the target level's criteria, the defence presentation outline in Chinese, a timed talk track, and a question bank with answer points, then a mock committee round.

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

mohitagw15856/pm-claude-skills1.5천2026년 10월 20일 업데이트

Clone or update https://github.com/nolangz/3D-Chladni and export deterministic 3D Chladni particle motion as MP4 or transparent ProRes MOV. Use when users ask for 3D 克拉尼, 克拉尼粒子动画, Chladni motion, sound-reactive sand or cosmic-web visuals, audio-to-motion, music visualizer video, or rendering Dynamic Sand, Modal Sand, Cosmic Web, or Dynamic Cosmic.

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

vibe-motion/skills1.4천2026년 10월 6일 업데이트

Create fast, high-impact 15-30 second brand and product marketing videos from an official company website, verified brand sources, or user-uploaded product imagery. Use for launch films, website motion videos, AI/SaaS demos, product promos, and Vibe Motion/Remotion productions that require exact logos, authentic imagery, English-first copy, product-feature storytelling, strong visual impact, smooth transitions, and deterministic frame-based animation.

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

vibe-motion/skills1.4천2026년 10월 6일 업데이트

Apply Disney's 12 principles as practical design and engineering rules for procedural animation. Use when creating, improving, reviewing, or debugging code-driven motion in web, SVG, canvas, React, Remotion, game, UI, character, camera, or 3D scenes; especially when motion feels stiff, weightless, mechanical, unclear, or physically correct but visually weak.

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

vibe-motion/skills1.4천2026년 10월 6일 업데이트

Assemble a narrated motion-graphic LISTICLE video ad from a config — a spoken voiceover (cloned or cast, in the chosen tone) carries a numbered listicle while N web-animated hyperframe beats (HTML plus the Web Animations API, one branded design system of alternating tiles, big hero numerals, and callouts in the chosen visual style) are rendered frame-by-frame via Playwright and anchored to the VO's word-level timestamps, optional color-graded breather windows (brand clip, AI clip, or motion-graphic) give visual breath, and captions burn ONLY inside those B-roll windows (2-word chunks, ASS Format header carrying a Name field so none drop) with the VO mixed under a low music bed. This is the FREE deterministic assembly stage (Playwright beat render plus ffmpeg concat plus window-masked caption burn plus VO-and-music mix plus final composite) — the VO, the music bed, and any AI breather clips come from create-vo-elevenlabs, create-music-elevenlabs, and create-video-fal. Use for the vo-anchored-motion-listicle format.

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

gooseworks-ai/goose-skills1.3천2026년 10월 21일 업데이트