技能对照册 ← 返回首页

精品咖啡订阅案例对照记录

同一份提示词、同一个模型,只改变加载的前端技能,比较六个版本的页面产物、轮次与耗时。

运行条件

结果

版本技能调用轮次耗时页面大小
无技能无154.7 min1,815,468 字节
frontend-designfrontend-design93.8 min2,146,921 字节
oil-uioil-ui174.2 min2,144,839 字节
impeccableimpeccable155.7 min646,033 字节
taste-skilldesign-taste-frontend83.5 min647,875 字节
hallmarkhallmark225.0 min1,251,184 字节

说明

六个页面都是可离线打开的单文件,样式、脚本与图片内嵌,内联脚本通过 node --check 语法检查。hallmark 版本在页脚保留了一条 Wikimedia 的图片来源链接,不影响页面运行。

轮次与耗时取自 Claude Code 的 JSON 输出,耗时由毫秒换算为分钟;页面大小为磁盘上的实际字节数,包含内嵌图片,因此体积差异主要反映图片使用方式,不直接代表设计质量。

每组只运行了一次,耗时受服务波动影响,不能据此判断技能优劣。本轮没有做视觉评分,页面的排版、配色与交互质量需要人工查看后另行记录。

原始运行目录保存在仓库之外的 ~/Code/benchmark-runs/case-01/,包含 result.json、run.meta 与完整会话记录。

DeepSeek V4.1 Flash 1017 补充对照

版本技能调用轮次耗时页面大小
无技能无8320.9 min118,967 字节
frontend-designfrontend-design9414.3 min149,040 字节
oil-uioil-ui35046.3 min281,874 字节
impeccableimpeccable17123.6 min271,283 字节
taste-skilldesign-taste-frontend393102.5 min897,292 字节
hallmarkhallmark14619.4 min650,591 字节

六组均通过技能清单、技能调用和实际模型的隔离核验,内联脚本通过语法检查。1440×900 首屏加载时未发现页面脚本错误;尚未逐项验证生成页面的功能。原始运行目录为 ~/Code/benchmark-runs/case-01/deepseek-v4.1-flash-1017-max-7bfrgxb2/。