showheyohtaki/motion-prompt

これは何？

主な機能

• 01名前付きエフェクトを24種類ずつ収録した6つのパックと、動きのあるサンプル。
• 02ギャラリーを見てサンプルを選び、AIエージェントに渡せる。
• 03番号でエフェクトの仕様やコードを検索、一覧表示、取得できるコマンドラインツール。
• 04ライブラリの翻訳や、自分の分野向けのライブラリ作成に使えるプロンプト。
• 05各エフェクトはCanvas 2Dコンテキストに描画する単一の関数で、外部ライブラリは不要。

ユースケース

• 動画のプロンプトを書く前に、適切なモーションやカメラワークの用語を探す。
• コーディングエージェントに、特定のUIエフェクトやランディングページのエフェクトをWebサイトへ追加してもらう。
• 別の分野で、デザインチームや制作チーム向けの名称付きリファレンスライブラリを作る。

クイックスタート

1. 1

   Node.js 18以降がインストールされていることを確認します

   node --version
2. 2

   motion-promptスキルをインストールします

   npx skills add showheyohtaki/motion-prompt
3. 3

   Claude CodeまたはCodexで、AIにライブラリを開くよう頼み、ギャラリーからサンプルを選びます

使う前に知っておきたいこと

• !このスキルの使用には、Node.js 18以降とClaude CodeやCodexなどのエージェントが必要です。
• !名前のリストは現在、英語と日本語のみで利用できます。そのため、中国語を使う場合は自分で翻訳を生成する必要があります。

トピック

よくある質問

motion-prompt とは？

AIへの指示に使える、モーション・グラフィックス、カメラ、UI、Web、写真のエフェクト144種類を、名前・実例・プロンプト付きで検索できるライブラリ。 Motion Promptは、AIに作成を依頼したいビジュアルエフェクトの名称を集めたライブラリです。各項目には短い名前、動きのあるサンプル、簡潔な説明、プロンプト例が用意されています。現在は各24項目からなる6つのパックを収録しており、モーション・グラフィックスの動き、カメラワーク、UIコンポーネントの名称、ランディングページやWebのエフェクト、写真のルックやライティング、そして2つ目のモーション・グラフィックスパックで構成されています。

motion-prompt は無料で使えますか？ライセンスは？

motion-prompt は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。

motion-prompt は今もメンテナンスされていますか？

活発にメンテナンス中。motion-prompt の最終コミットは 2026年10月19日 です。

motion-prompt は何に使えますか？

動画のプロンプトを書く前に、適切なモーションやカメラワークの用語を探す。 コーディングエージェントに、特定のUIエフェクトやランディングページのエフェクトをWebサイトへ追加してもらう。 別の分野で、デザインチームや制作チーム向けの名称付きリファレンスライブラリを作る。

motion-prompt のインストール方法は？

Node.js 18以降がインストールされていることを確認します: node --version motion-promptスキルをインストールします: npx skills add showheyohtaki/motion-prompt Claude CodeまたはCodexで、AIにライブラリを開くよう頼み、ギャラリーからサンプルを選びます

motion-prompt はどこで入手できますか？

ソースコードとインストール手順は GitHub にあります：https://github.com/showheyohtaki/motion-prompt