MOT-011
Counting number
- A large number climbs quickly from 0 to the target.
Make a number counter that climbs from 0 to [target number] over [duration] seconds. Start fast and ease to a stop at the end. Use thousands separators and put "[unit or label]" small underneath. Two seconds after it stops, count again from 0.
Put CSS and JavaScript in a single HTML file. Don't use external libraries or images, and draw in a 16:9 area in the centre of the screen. If prefers-reduced-motion is on, show the final scene without motion.0에서 [목표 숫자]까지 [걸리는 시간]초 동안 올라가는 숫자 카운터를 만들어 주세요. 처음엔 빠르고 끝에서 천천히 멈추게 해 주세요. 숫자는 천 단위 쉼표를 넣고, 아래에 작게 "[단위나 이름]"을 붙여요. 멈추고 2초 뒤 다시 0부터 세요.
HTML 파일 하나에 CSS와 JavaScript를 넣어 주세요. 외부 라이브러리와 이미지는 쓰지 말고, 화면 가운데 16:9 영역에 그려 주세요. prefers-reduced-motion이 켜져 있으면 움직임 없이 마지막 장면을 보여 주세요.Blanks
How to use
- Borrow (copy) the prompt.
- Replace the [brackets] with your own content. Type in the fields below and it updates at once.
- Paste it into a new Claude chat and open the HTML file it returns in a browser.
Process
- A scene from the guide "Motion graphics with Claude".
- The preview is drawn on this site to show the scene this prompt makes.







