YouTube 移动端 UI
原始提示词
见 完整原始输入。
运行与复盘
- 运行方式:入口
index.html,需联网加载 Tailwind CDN、Lucide Static(unpkg)与 Unsplash。 - 执行条件:Claude Sonnet 5.5(medium),当前 Claude Code 会话,2026-10-12;首次产物,无人工修改,未使用子代理。
实现要点
- 提示词没有给出具体 APP 需求,按主题名推定为类 YouTube 视频 App,品牌虚构为 VidoTube。
- 按提示词流程仅输出第一个功能(首页推荐与搜索发现,3 个 mockup);原流程应询问是否继续下一功能,并通过 Artifacts 预览,本次均未执行。
已知局限与未验证项
- Lucide 图标以
<img>引入并用 CSS invert 着色,离线时图标缺失。
验证详情见下方自动生成区块中的“工具/验证记录”。
当前归档信息(自动生成)
- 实验 ID:
youtube-ui--claude-sonnet-5-5-medium-r01 - 模型:Claude Sonnet 5.5;推理档位:medium
- 类型:prototype;预览:static;网络:required
- 完整原始输入快照 · 主题与其他版本
- 输入记录:完整输入为所用提示词正文原文;用户另行指示“所有案例 demo 全部做一遍,模型 claude-sonnet-5.5,档位 medium,使用当前会话”,该指示不属于任务正文。输入内未包含具体 APP 需求,执行时据主题名推定为类 YouTube 视频 App。
- 工具:Claude Code。在 model-test-base 派生的独立测试分支中,使用当前 Claude Code 会话直接执行(未委派子代理);用户指定的模型名称为 claude-sonnet-5.5、档位 medium,会话内模型 ID 为 claude-sonnet-5-5。输入为提示词正文原文,用户未追加其他指令。 验证记录:Playwright 加载页面(联网):CDN 与图片正常,无脚本错误,mockup 内无滚动条。 提示词未给出具体【APP 需求】,按主题名 youtube-ui 推定为类 YouTube 视频 App;按提示词流程仅输出第一个功能,未继续后续功能(原流程需用户确认继续);无 Artifacts 预览能力,未执行第 4 步。
- 运行方式:浏览器直接打开本目录入口;CDN/外部素材需要联网。
- 费用记录:Anthropic 批次合计 $0.60 USD(11 个案例;原始消耗 3 percent,换算比例 20 USD / 100 percent;批次 claude-sonnet-5-5-medium-r01;未记录单案例费用)
- 功能一:首页与搜索
部署适配记录
- 从 F:\dev\ai-coding-demo-test 的 experiment/claude-sonnet-5-5-medium-r01(a7e690a3c5696ecd6a1c4532dd170308e2169401)迁入当前 main;保留实验产物、原始输入和源分支已记录的验证结果。
- 2026-10-12: 在当前 main 的本地 HTTP 预览中,以 Chromium 1440×1000 补拍实际运行桌面图 preview-2026-10-12.png;实验源码和原始输入未修改。
- 维护者于 2026-10-22 按 v3 对本轮桌面、手机及补充状态逐图重评并绑定 captures 证据;旧截图和 v2 评分见 catalog/score-reviews/2026-10-21-v3-source.json。未重跑模型或改写实验源码,截图不证明完整功能、算法、手势或性能。