ai21.net
语言

Analyze https://t.co/gVJcJyZnZl and build a product promo …

Analyze https://t.co/gVJcJyZnZl and build a product promo … — 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 动效。一个形状,绝不切镜:每个状态都是同一个元素在形变其尺寸、圆角和颜色,同时其内容以短暂的模糊完成切换。光标以真实的点击和拖拽驱动每一次变化。浅暖灰色的画布,黑白组件,一款干净的 UI 字体(Geist)。处处使用弹簧动画,最多只有极小的过冲。镜头推近,让每个状态填满画面。最后一帧就是第一帧,因此可以循环。
禁止:弹跳过度的缓动、粒子爆发、辉光、UI 外框上的渐变、描边不一致的图标、无意义的停顿、任何看起来像模板的东西。
</direction>

溯源

原作者
AnnaCher___
发布日期
2026-09-25(由推文 ID 反解)
原始出处
查看原帖 ↗
收录来源
yihui-dev/awesome-opus5-5-videos · annacher-152174 · MIT