独立开发者个人主页案例对照记录
同一份提示词、同一个模型,只改变加载的前端技能,比较六个版本的页面产物、轮次与耗时。
运行条件
- 日期:2026-11-08
- 模型:
cline/cline-pass/deepseek-v4.1-flash-1017,思考强度max - 提示词:独立开发者周屿的个人主页与一篇文章详情页;要求展示产品、近况、收入、文章、订阅与联系方式,并适配手机、深浅色和减弱动态效果。原文见 案例提示词。
- 交付要求:
index.html和article.html,页面间使用相对链接;样式、脚本与图片内联,不引用外部资源。 - 隔离方式:
bench/run.sh,每组独立进程、独立配置目录、空 MCP 配置,关闭内置技能后只挂载被测技能。 - 并发方式:六路同时运行。
- 技能快照:仓库 frontend-skills 目录,来源提交记录在该目录的 README。
结果
| 版本 | 技能调用 | 轮次 | 耗时 | 首页大小 |
|---|---|---|---|---|
| 无技能 | 无 | 247 | 31.0 min | 110,214 字节 |
| frontend-design | frontend-design | 168 | 20.9 min | 87,670 字节 |
| oil-ui | oil-ui | 378 | 44.5 min | 98,671 字节 |
| impeccable | impeccable | 229 | 21.5 min | 79,149 字节 |
| taste-skill | design-taste-frontend | 162 | 27.8 min | 92,201 字节 |
| hallmark | hallmark | 219 | 40.7 min | 55,640 字节 |
耗时统一按配置目录名称中的启动时间到 result.json 写入时间的间隔估算,精确到约一分钟的十分之一。oil-ui 和 hallmark 的后台代理通知触发了新的处理轮次,最终 result.json 只记录末段耗时和轮次:分别是 10.1 min / 165 轮、2.6 min / 43 轮。表中轮次按完整主会话记录汇总,耗时按上述时间间隔估算。其余四组自报耗时与上述时间间隔基本一致。
页面观察
- 无技能:首屏标题是「把想法做成日常」,提供产品和最新文章入口。
- frontend-design:首屏标题是「把软件做小,把事情做久」。
- oil-ui:首屏标题是「第四年,还是一个人做软件」;文章列表默认展示六篇,可以展开其余文章。
- impeccable:首屏以「周屿」「一个人,做完整的软件」作自我介绍。
- taste-skill:首屏标题是「周屿,一个人做软件」。
- hallmark:首屏标题是「第四年,还在做小软件」。
验证
- 六组均通过技能清单、技能调用和实际模型的隔离核验,首页与文章页均已生成。
- 在浏览器中打开六组首页与文章页,加载和抽查交互时未发现页面脚本错误;在 1440 宽的首页及 390 宽的首页、文章页未发现页面级横向溢出。
- 六组首页的邮件订阅均对格式错误的邮箱给出提示,输入有效格式后显示成功状态;这是前端演示,未验证真实邮件发送。
- 五组点击「技术」筛选后可见文章链接数量发生变化。oil-ui 在每个分类下默认只显示六篇,检查其筛选逻辑可见它按文章分类更新列表;未逐项核验全部文章内容和筛选结果。
- 未逐项验证深浅色模式、减弱动态效果、所有链接、文章完整性和全部提示词要求。
六路并发运行,单组耗时不能直接横向比较;每组只有一次样本,结果也受服务波动影响,不能据此判断技能优劣。原始运行目录保存在仓库之外的 ~/Code/benchmark-runs/case-05/deepseek-v4.1-flash-1017-max-hotw17jb/。
归档后修改
- 2026-11-10:为避免把访客引到真实存在的陌生账号,把六组页面中指向
github.com/zhouyu、x.com/zhouyu、okjike.com/u/zhouyu(含/users/)的链接统一改成https://example.com/github/zhouyu等占位地址,把联系邮箱hi@zhouyu.dev改成hi@zhouyu.example。impeccable 文章页示意图中的sync.zhouyu.dev只是图中文字,未改动。除此之外页面内容保持模型生成原样,轮次、耗时与大小仍为生成时的记录。