ai21.net
언어

https://t.co/gVJcJyZnZl 분석 후 자체 UI로 제품 프로모션 제작…

https://t.co/gVJcJyZnZl 분석 후 자체 UI로 제품 프로모션 제작… — 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