Communitygithub.com

joepUI/motion-ref-skill

UIモーションデザインのためのAIコーディングエージェントスキル。13カテゴリにわたる112のプロダクション対応エフェクトを提供 — プロダクトのシナリオを説明するだけで、本番投入可能なCSS/JSコードを取得できます。Claude Code、Codex、OpenClaw、およびSKILL.md互換のエージェントで動作します。

motion-ref-skill とは?

joepUI/motion-ref-skillは、UIモーションデザインに特化したAIコーディングエージェントスキルです。13のカテゴリに分類された112のプロダクション対応エフェクトを搭載しており、開発者がプロダクトの具体的なシナリオを自然言語で説明するだけで、すぐに使用できるCSS/JavaScriptコードを生成します。このスキルは、Claude Code、Codex、OpenClawなど、SKILL.md形式に対応する任意のAIエージェントで利用可能です。各エフェクトは実践的なユースケースを想定して設計されており、アニメーション、トランジション、インタラクション、マイクロインタラクションなどをカバーしています。開発者はモーションデザインの専門知識がなくても、高品質なUIアニメーションを迅速にプロトタイプ化し、本番環境に導入できます。

対応✓Claude Code✓Codex CLI~Cursor
npx skills add joepUI/motion-ref-skill

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

motion-ref-skill は何をしますか?

UIモーションデザインのためのAIコーディングエージェントスキル。13カテゴリにわたる112のプロダクション対応エフェクト — プロダクトのシナリオを説明するだけで、本番投入可能なCSS/JSコードを取得できます。Claude Code、Codex、OpenClaw、およびSKILL.md互換のエージェントで動作します。

関連スキル