ai21.net
言語

https://t.co/gVJcJyZnZl を分析し、製品プロモーションを構築…

https://t.co/gVJcJyZnZl を分析し、製品プロモーションを構築… — 1

プロンプト

Analyze https://t.co/gVJcJyZnZl and build a product promo from our own UI, not generic components.

<direction>
Dribbble-level UI motion. One shape, never cut: every state is the same element morphing its size, radius and color while its content swaps with a short blur. A cursor drives every change with real clicks and drags. Light warm-gray canvas, black and white components, one clean UI font (Geist). Springs everywhere, a tiny overshoot at most. The camera zooms so each state fills the frame. The last frame is the first frame, so it loops.
Banned: bouncy easing, particle bursts, glows, gradients on UI chrome, mismatched icon strokes, dead time, anything that looks like a template.
</direction>

日本語訳

https://t.co/gVJcJyZnZl を分析し、汎用コンポーネントではなく私たち自身の UI から製品プロモーションを構築してください。

<direction>
Dribbble レベルの UI モーション。図形は 1 つだけで、カットは一切しない:すべての状態は、同じ要素がサイズ・角の丸み・色を変化させながら形を変え、中身は短いブラーを挟んで入れ替わる。カーソルが実際のクリックとドラッグですべての変化を起こす。明るいウォームグレーのキャンバス、白黒のコンポーネント、クリーンな UI フォント 1 種類(Geist)。動きはすべてスプリングで、行き過ぎはごくわずかに抑える。カメラはズームして、各状態が画面いっぱいになるようにする。最後のフレームは最初のフレームと同じにして、ループさせる。
禁止:弾むようなイージング、パーティクルの飛散、グロー、UI パーツへのグラデーション、線の太さが揃わないアイコン、何も起きない無駄な間、テンプレートっぽく見えるもの全般。
</direction>

出典

原作者
AnnaCher___
公開日
2026-09-25(由推文 ID 反解)
原典
元の投稿を見る ↗
収録元
yihui-dev/awesome-opus5-5-videos · annacher-152174 · MIT