Opus HyperFrames 发布片
让 Claude Code 用 HTML、CSS 与 JavaScript 制作 15 秒产品发布片,并完成检查、画面复核与 MP4 导出。

起始提示词
可复用的提示词
为便于复现示例,下方保留生成时使用的英文原文。
Act as a senior creative technologist working in a local HyperFrames project. Build a polished 15-second 16:9 product launch film from the brief below using HTML, CSS, and JavaScript animation. Brief: [product name, one-line promise, three proof points, and brand colors] First propose a short scene plan and a small component map. Then implement the project with: - a restrained editorial layout and a clear visual hierarchy - deterministic timing, easing, and scene transitions - accessible semantic markup and reduced-motion fallbacks - no external footage, remote fonts, or invented logos - a single source of truth for colors, copy, and timing Before you finish, run the project's lint/check/render commands, inspect the rendered frames, and fix visual issues. End with the exact local command that exports an MP4 and a short list of files changed.
一个账户 · 一个 API
使用 OmniaKey 开始创作
从上方提示词和参数出发,再按你的项目需要调整画面。