成为赞助商——支持中文 Agent 生态

了解赞助
库Agent场景库
← 返回用例列表

Arqam:Claude Opus 写 HTML 帧函数做产品片——RTX 2050 约 0.3s/帧、先静帧再全片

独立产品 Slabwatch;披露 Opus 不碰像素、Playwright+ffmpeg、v2 three.js@0.186、RTX 2050≈0.3s/帧@1080p、静帧评审约 4 轮、锐度分≥0.50;不代你一条提示出片。

场景说明

面向不会 After Effects、却要用编码代理出产品演示片的独立开发者:把「纯函数帧契约 + 形容词改数字 + 静帧评分循环」写成门禁,区别于 Marketing OS 与夜间作品集交付。

案例叙事

01他们做了什么

作者 arqamwd 在 DEV《How I make motion videos with Claude Opus 5.5 (the full setup, prompts and numbers)》(JSON-LD datePublished 2026-10-26T10:34:57Z → 2026-10-26)写明:Opus 从不碰像素——它写一个把每一帧建成时间纯函数的 HTML;Playwright 按帧截图,ffmpeg 编码。这样可复现、可改一个数字重渲,也能让模型先读静帧再改。

他为 Slabwatch 先做了扁平 v1,自认无聊;再上 three.js 0.186 的 3D v2,并在 RTX 2050 笔记本上把 headless Chromium 打到 GPU,报约 0.3s/帧。真正耗时间的是「静帧→严评分→只修最差三处→2–4 轮」而不是一键出片;方向提示要把形容词换成可检数字,并点名禁止默认炫光模板。产品界面用真站 iframe,禁止模型手绘假 UI。本场景据此输出「可编程产品片」提纲。禁止建议跳过静帧验收直接发全片,或把 0.3s/帧写成任意场景保证。

02实际效果

  • 源披露 Opus 写帧程序、Playwright+ffmpeg、v2 three.js@0.186、RTX 2050≈0.3s/帧@1080p、约 4 轮静帧、锐度阈值与 -14 LUFS 量级等作者口径;属单人产品片窗口,不可外推为你的出片时长、审美达标率或「一条提示必可发布」。
  • 能把「再试视频大模型碰运气」与「纯函数帧契约 + 数字方向 + 静帧循环」拆开。
  • 为假 UI 穿帮、以及 headless 默认真用 CPU 慢到不可用提供提问清单。

03值得知道

  • 作者承认社媒曾说 one-shot,但最终采用的是多轮后的 v2。
  • 文中大量引用社区他人技巧;以作者本机数字与 Slabwatch 流程为准。
  • 上面写的是 arqam 个人实践帖,不是 Anthropic/Adobe 官文或评测榜。

04可复制提示词

可编程产品片渲染契约简报

你是编码式动态设计顾问。只根据用户约束写渲染契约,不要编造已渲染的秒数。

产品真实 URL/素材:{{assets}}
时长与 fps:{{timing}}
是否禁止手绘 UI:{{ban_fake_ui}}

输出 Markdown:
1. renderAt(t) 契约与禁令(随机数/时钟/JPEG 帧)
2. 方向提示:形容词→数字表
3. 静帧帧号、评分维、修 3 处最差的循环
4. 人必须看的全尺寸终卡/近景
禁止建议模型捏造产品界面;禁止伪造「一条提示可发布」。

全片好看但文字发糊或假 UI 穿帮复盘提纲

成片在手机上文字发灰,或演示数字与真站不符。请写复盘提纲。

现象:{{symptom}}

输出:
1. 文字进了 DOF、缺锐度闸,还是允许手绘 UI
2. 最小契约修补
3. 下次验收标准
4. 人工确认清单
不要伪造「更高分自评分等于可读」。

怎么做

  1. 粘贴产品真实 URL/素材、目标时长与 fps、以及是否禁止模型手绘 UI
  2. Agent 按实践帖输出:renderAt(t) 契约、方向提示(数字替形容词)、静帧→评分→修 3 处最差的循环
  3. 人工保留品牌与终卡可读性验收;Agent 不代你声称一条提示可出可发布片

实用提示

  • 源帖(JSON-LD datePublished 2026-10-26T10:34:57Z → 2026-10-26):作者 arqamwd 自称非动态设计师、没开过 AE,用 Claude Code + Opus 5.5 为 Slabwatch 做产品片。核心:模型只写程序(通常单 HTML),每帧是时间 t 的纯函数;Playwright 截帧、ffmpeg 拼 MP4;同输入同帧哈希一致。v1 扁平片作者嫌「正确但不想看」;v2 用 three.js 0.186 在笔记本 RTX 2050 上头less Chromium 渲染(电表 LCD、费率列、真站 iframe、镜像地板等),开 Vulkan/GPU 参数后约 0.3s/帧@1080p(含景深阴影)。代理在全片前做约 4 轮静帧检查。方向法:把 premium/snappy 等形容词换成粗糙度、帧数、阻尼比;禁止点名默认「太空海军蓝光晕粒子」。锐度:UI 文字不经 DOF;QA 脚本文字锐度分≥0.50(大字 0.60+)。音量混到约 -14 / -14.6 LUFS。强调真实产品页进 iframe,禁止模型捏造界面数字。
  • 与 lukasz-fryc-marketing-os-49-slash-commands / reet-batra-tokenmaxxing-overnight-portfolio 不同:本条是编码式动态设计渲染契约与静帧评审,不是终端营销命令或夜间作品集 /goal
#动态设计#Playwright#three.js#ffmpeg#产品片