← html-effectiveness
博客文章《Know your unknowns》的配套内容
地图并非疆域——两者之间的差距就是你的未知因素。十一个自包含的HTML文件，用于在实施前、实施中和实施后发现这些未知因素。每个页面顶部显示确切的提示词，下方是Claude生成的产物：粘贴提示词，就能得到类似页面的内容。
实施前 8 | 实施中 1 | 实施后 2
已知的已知 | 已知的未知 | 未知的已知 | 未知的未知
01 实施前
8个演示
在编写任何代码之前，是发现未知因素成本最低的阶段。当领域不熟悉时，请求盲点扫描；当只有亲眼看到才能知道时，进行头脑风暴和原型设计；让Claude就其他方面对你进行访谈；当语言无法表达时，提供参考资料。
盲点扫描
Claude扫描一个不熟悉的认证模块，并报告你的未知的未知——七张盲点卡片，每张都附有可复制的提示词修复方案，整合成一个更好的实施提示词。
01-blindspot-pass.html →
教我我的未知因素
一个交互式色彩分级解释器——词汇阶梯、带滑块和预设的实时前后对比帧——将"让视频更好看"转化为精确的专业提示词。
02-color-grading-explainer.html →
四种设计方向
同一个审核队列以四种截然不同的方式呈现——运维控制台、编辑视图、看板、终端——附有"采纳/跳过"标签，可直接生成你的回复。
03-design-directions.html →
接线前先模拟
Acme框架标注工具栏的可点击一次性模拟——三种可切换的布局、A/B问题以及自动填充的回复模板——在接触任何真实代码之前完成。
04-toolbar-mock.html →
头脑风暴干预方案
十个基于代码库的流失干预方案，从今天下午就能交付到持续一个季度的赌注，附有"共鸣"复选框，可自动生成你的回复。
05-churn-brainstorm.html →
访谈
Claude一次一个问题地对你进行关于某个模糊功能的访谈，按架构影响范围排序，然后返回一个决策表和一个可直接粘贴的实施提示词。
06-interview.html →
指向参考
一个语义映射，证明Claude在将Rust参考实现移植到TypeScript之前已经理解——匹配的代码片段、注意事项笔记和边界情况表格。
07-reference-port.html →
可调整的计划
一个按调整可能性而非执行顺序排序的实施计划——标记了架构选择并附有可切换的替代方案、带注释的类型接口，以及折叠在底部的机械性工作。
08-implementation-plan.html →
02 实施中
1个演示
无论你做了多少规划，未知因素总是潜伏在疆域之中。让Claude持续记录代码迫使你偏离计划的每一个地方，这样下一次尝试就能从更高的起点开始。
实施笔记
Claude在3小时构建过程中持续记录的日志——每一个偏离计划的地方，都附有它做出的保守决策，以及三条可纳入第二次尝试的要点。
09-implementation-notes.html →
03 实施后
2个演示
交付意味着其他人将继承你的未知因素。提案文档预先回答了评审者即将提出的反对意见；测验证明你在合并之前确实理解了变更内容。
争取支持的文档
一份交付提案，以导出流程的动画演示开场，然后用证据预先回答每个评审者的反对意见，并明确指出谁需要批准什么。
10-pitch-doc.html →
合并前考考我
一份针对14个文件差异的合并就绪报告，最后附有六道必须通过的测验题——答错会把你指向你跳过的具体章节。
11-change-quiz.html →
每一个解释器、头脑风暴、访谈和原型，都是发现你不知道的事情的低成本方式。所有HTML有效性示例。