motion-design-skill
タイミング、イージング、振り付けなどのモーション原則を、アニメーションコードを書く前にエージェントへ教えます。
無料
デザイン・クリエイティブ
★ 2870
#195
スキルリポジトリ289件中
2.9k
GitHubスター
LottieFiles
作者
// 概要
哲学を重視し、CSS、Framer Motion、GSAP、Lottie、スプリングなどあらゆるアニメーション方式で動作します。エージェントにまず感情的な意図を決めさせます。例として、ダッシュボードの表示を演出し、最初にメインチャート、次に統計カードを出すプロンプトがあります。40以上のエージェントに対応しています。
// インストール
Run npx skills add LottieFiles/motion-design-skill.
// 対応環境
Claude CodeCodex
// デザイン・クリエイティブの似たスキル
ui-ux-pro-max-skill
プロジェクト概要からUI/UXデザインシステムを生成するClaudeスキル
nextlevelbuilder · デザイン・クリエイティブ · ★ 144960
taste-skill
AI生成のインターフェースをありきたりに見せないための13件のAgent Skillsです。
Leonxlnx · デザイン・クリエイティブ · ★ 109725
open-design
プロトタイプ、スライド、動画を人とAIエージェントで作るローカル優先のデザインワークスペース
nexu-io · デザイン・クリエイティブ · ★ 106528
impeccable
polish、bolder、critiqueなどのコマンドを備えたコーディングエージェント向けデザイン用語集
pbakaus · デザイン・クリエイティブ · ★ 101919
archify
自然言語の説明からアーキテクチャ図やワークフロー図を描く単一のAgent Skillです。
tt-a1i · デザイン・クリエイティブ · ★ 93269
diagram-design
AIコーディングエージェント向けに編集用図表テンプレート39種類を収録したAgent Skill
cathrynlavery · デザイン・クリエイティブ · ★ 64820