デザイン参考
生成りの地。左は AIを指揮するクリエイティブディレクターへ と、名前 120、パック 5、ライセンス MIT。右はスキルで導入とプロンプトで導入の白い枠
すべてが黒いピル。モーショングラフィックスの動き
UIパーツの名前
使い方。赤い 1、2、3 と、ライブラリを出してもらう、見ながら選ぶ、AIに渡して、頼む。下はこう話しかけます、の白い吹き出し
ポップインの詳細。左の暗い面に見本、下にポンと弾んで現れる。右は選ぶとコードをコピー、赤いプロンプトをコピー

REFERENCE

Motion Prompt

サイトを見る
日本語/AI/モーション/プロダクトshowheyohtaki.github.io

生成りの地に「AIを指揮するクリエイティブディレクターへ」を置き、右は導入の枠を二つ重ねる。見本は同じ幅の暗い面に動きを描き、番号と名前はその下、赤はプロンプトをコピーの一つに残す。

ヘッダーは生成りで、左に Motion Prompt、右は使い方、事例、GitHub と、JA と EN の切り分け。JA だけが黒いピルで、月の印は枠の外に残る。見出しは「AIを指揮するクリエイティブディレクターへ」。眉は「AIに頼むための「名前」のライブラリ」と細く、説明はその下に続く。数字は名前 120、パック 5、ライセンス MIT を同じ幅に揃える。右は白い枠が二つ。上はスキルで導入、下はプロンプトで導入。コマンドと貼る文は等幅と本文で分かれ、コピーは枠の右に残る。

この画面を残しているのは、動きを形容詞にせず、番号の付いた見本に戻しているからだ。絞りはすべて、モーショングラフィックスの動き、カメラワークと切り替え、UIパーツの名前、LP・Webサイトの演出、写真の表現・光と画風のピルで、選んだ一つだけが黒く塗られる。検索と一時停止は右に揃う。見本は暗い面に同じ幅で並び、#001 とポップイン、Pop-in は面の下に残す。選ぶは見本の右上の小さなピルだ。使い方は 1、2、3 を赤い等幅にし、各段の上辺だけを黒い線にする。話しかけ方は、角の一つが尖った白い吹き出しに戻す。詳細を開くと、左に見本、その下に「ポンと弾んで現れる」と一文、右に選ぶとコードをコピーが並び、プロンプトをコピーだけが赤になる。ばねの式は細い文字のまま残る。flenteが画面を組むときも、動く見本は同じ枠に揃え、名前と番号は決まった位置に置き、塗る赤は一つのボタンに残す。