SkillHey.
スキルを投稿

LottieFiles Motion Design

LottieFiles/motion-design-skill

Apply timing, easing, choreography, and animation principles to purposeful UI motion and transitions.

内容更新日:

GitHub で見る
npx skills add LottieFiles/motion-design-skill --skill motion-design
2,973スター205フォークリポジトリの最終プッシュ
LottieFiles Motion Design — dotLottie Animation

LottieFiles Motion Design — dotLottie Animation

プロジェクトのスクリーンショット

LottieFiles Motion Design — dotLottie Animation

このスキルについて

Apply timing, easing, choreography, and animation principles to purposeful UI motion and transitions.

おすすめする理由

Curated from the upstream task instructions. Use the original repository and its linked runtime files for installation, dependencies, and licensing.

使う前に

  • Works with your existing UI animation stack; keep the task references for timing, easing, and motion patterns.

対応エージェント

Claude CodeCodex CLICursorGitHub CopilotDeepSeek HarnessGemini CLIGrok BuildHermes AgentOpenCodePiKiroRovo DevQoderMistral VibeGoogle Antigravity

資料・参照元

元の資料は以下のリンクから確認できます。実践のヒントは SkillHey による編集上の提案です。

SkillHey 編集
motion-designanimationui-design

類似するスキル

Exploded technical illustration of a hard disk drive, with its cover, head assembly, platters, enclosure and circuit board.
無料
ウェブ・UI

Better UI

Polish interface surfaces, icons and motion using the existing UI system.

1.2万スター468フォーク
リポジトリの最終プッシュ
Jakub Krehel
Author’s Stageshow examples: interface controls, a dashboard chart, app icons, a keyboard and a music player.
無料
ウェブ・UI

Stageshow

Build product UI illustrations and animated cursor demos with React: feature cards, browser windows, dashboards, phone screens and bento grids.

3145スター210フォーク
リポジトリの最終プッシュ
Benji Taylor
Lemomo’s animated Lemo-Wake README cover, showing example image-to-animation transformations around the orange title panel.
無料
動画・モーション

Lemo-Wake Image Animation

Turn one picture into an approximately five-second seamless loop in MP4 or GIF, with WebP, sticker GIF and macOS Live Photo exports on request.

339スター44フォーク
リポジトリの最終プッシュ
Lemomo
Animated dialog specification drawing with dimension lines, camera pullbacks, and an exploded layer view.
無料
動画・モーション

Dimensional Drawing Motion

Animate a finished dimensional drawing into an 8–15 second film with progressive strokes, camera moves, and lifted layers, using Claude Motion or a headless renderer.

2073スター149フォーク
リポジトリの最終プッシュ
Enes Ozturk