プロンプト

すべてのプロンプト

UI/UXプロンプト: Apple-product-page-style "Apex" hero whose 5-second F1 sunset film is scroll-scrubbed full-screen (scroll drives `video

Anthropic のUI/UXプロンプトエントリです。Eldergenixプロンプトライブラリで保存されており、出典と証拠性を守るため本文は原文のまま保持しています。

UI/UXプロンプトAnthropicNext.js 16, React 19, TypeScript, Tailwind CSS v4
リポジトリ
出力例
デモ
プロンプト
Anthropic
# APEX — SCROLL-SCRUBBED HERO VIDEO

USE THE HIGGSFIELD CONNECTOR TO CREATE A VIDEO WITH SEEDANCE 2.0 IN 1080P FOR 5 SECONDS.

HERE'S THE PROMPT:

> MOTION-STABLE SHOT OF A FORMULA 1 CAR LAUNCHING OFF THE LINE, GOING FROM ZERO
> TO OVER 200KM/H, WE ZOOM THROUGH THE REAR WING AT HIGH SPEED AND THEN WE
> ELEVATE AND SEE THE CORNER AHEAD AND ZOOM INTO THE ORANGE SUNSET.

THEN, DOWNLOAD THAT VIDEO, NAME IT HERO.MP4, AND CREATE A WEBSITE WITH A
SCROLL-ANIMATED HERO VIDEO.

I WANT THE VIDEO TO SCRUB FORWARD AS THE USER SCROLLS — LIKE THE APPLE PRODUCT
PAGES.

CREATE A NEW COMPONENT AT APP/COMPONENTS/SCROLLHERO.TSX
(OR SRC/COMPONENTS/SCROLLHERO.TSX IF I'M USING SRC/).

THE VIDEO SHOULD BE PINNED FULL-SCREEN WHILE THE SCROLL DRIVES PLAYBACK, AND
THE PAGE SHOULD WORK AS A POLISHED STANDALONE SITE AROUND IT.
Stefan Creadore · @Eldergenix - Eldergenixのソースリポジトリから構成したプロンプトライブラリ