Prompt Details
Model
(claude-4-8-opus)
Token size
2,878
Example input
[Ratio]: 4:5
[Topic]: Hero number
Example output
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@1,400;1,800&family=Caveat:wght@700&family=Inter:wght@300;400&display=swap" rel="stylesheet"><style>*{margin:0;box-sizing:border-box}body{width:1080px;height:1350px;background:#050402;display:flex;align-items:center;justify-content:center;font-family:Inter}.s{position:relative;width:1080px;height:1350px;background:#0E0D0B;box-shadow:inset 0 0 320px #000}.t{position:absolute;top:54px;left:0;right:0;text-align:center;font-size:14px;letter-spacing:.42em;color:rgba(244,233,199,.55)}.c{position:absolute;top:540px;left:0;right:0;text-align:center}.eb{font-size:13px;letter-spacing:.48em;color:rgba(244,233,199,.55);text-transform:uppercase;margin-bottom:30px}.h{font-family:"Playfair Display";font-style:italic;font-weight:800;font-size:140px;line-height:1.02;color:#F4E9C7}.y{color:#E8C547}.sc{font-family:Caveat;font-size:96px;color:#E8C547;transform:rotate(-6deg);display:inline-block}</style></head><body><div class="s"><div class="t">makecarousel · episode 05</div><div class="c"><div class="eb">the 0.5 second rule</div><div class="sc">hooks.</div><div class="h">that survive<br><span class="y">slide one</span></div></div></div></body></html>
Instant access
Commercial use
Money‑backBy purchasing this prompt, you agree to our terms of service
4
Views
CLAUDE-4-8-OPUS
A cinematic-dark editorial carousel style for Claude. Paste the prompt, pick a ratio (4:5 / 1:1 / 9:16 / 16:9) and a [Topic], and Claude returns ONE self-contained HTML file of 7 stacked carousel slides — charcoal stage, rationed cinema-yellow accent, Playfair Display / Caveat / Inter type. Render each .stage to PNG. Charts are inline SVG donuts; photos are swappable placeholders.
...more
Added 1 week ago
