原文:https://thariqs.github.io/html-effectiveness/unknowns/
作者 Thariq S(Anthropic PBC),Apache-2.0 许可。本页为中文克隆版,仅供学习参考。

博客文章配套示例

认识你的未知

地图不是疆域——二者之间的落差就是你的未知。这里有十一份独立的 .html 成品,帮你在实现前、实现中和实现后发现它们。每页顶部展示完整提示词,下方是 Claude 据此生成的成品:粘贴提示词,就能得到类似页面。

01

实现前

8 个示例

还没写代码时,是发现未知成本最低的阶段。对陌生领域请 Claude 做盲点扫描;只有亲眼看到才知道的事,就头脑风暴和原型验证;其余让 Claude 访谈你;词穷时,把参考实现交给它。

盲点扫描
Claude 扫描陌生的 auth 模块,报告你的未知之未知——七张盲点卡片,每张附带可复制的提示词修补方案,汇总成一条更完善的实现提示词。
01-blindspot-pass.html
教我认识未知
交互式调色讲解——词汇阶梯、带滑块与预设的前后对比画面——把「把视频弄好看点」变成精确的专业提示词。
02-color-grading-explainer.html
四种设计方向
同一审核队列的四种截然不同的呈现——运维控制台、编辑风、看板、终端——附带会替你写好回复的采纳/跳过标签。
03-design-directions.html
先 mock 再接线
Acme 帧标注工具栏的可点击一次性 mock——三种可切换布局、A/B 问题、自动填写的回复模板——在碰任何真实代码之前。
04-toolbar-mock.html
头脑风暴干预方案
十条扎根于代码库的流失干预方案,从「今天下午就能 ship」到「季度级赌注」,附带共鸣复选框,自动拼装你的回复。
05-churn-brainstorm.html
访谈
Claude 就模糊功能逐题访谈你,按架构影响范围排序,最后交还决策表和可直接粘贴的实现提示词。
06-interview.html
指向参考实现
语义对照图,证明 Claude 理解了 Rust 参考实现——匹配的代码摘录、踩坑笔记、边界情况表——再移植到 TypeScript。
07-reference-port.html
可微调计划
按「被微调的概率」而非执行顺序排列的实现计划——标注 schema 选择与可切换替代方案、带注释的类型接口,机械性工作沉到底部。
08-implementation-plan.html
02

实现中

1 个示例

无论计划多周全,未知仍潜伏在真实代码里。让 Claude 持续记录每一处被迫偏离计划的地方,下次动手就能更聪明。

03

实现后

2 个示例

上线意味着别人要继承你的未知。一份争取支持的文档能预先回应评审即将提出的异议;一份测验能证明你在合并前真的理解改了什么。