做一个真正有重点的看板

01 · 先写看板要促成的决定

看板不是数据仓库。先写：看完之后，我要决定什么？本例的决定是“下周是否需要调整学习时间”。

课程示例：本周实践 4.6 小时，完成 3 个作品，连续学习 4 天，目标是每周 5 小时。主指标是完成率 92%；作品数和连续天数只是解释信号。

1. 写出一个决定句。
2. 从所有数据中选一个最能影响决定的主指标。
3. 最多保留两个辅助信号。
4. 为主指标写一句人话结论，而不是只展示 92%。

02 · 生成有主次的界面

在 Prompt 中显式指定信息优先级，可以防止 Agent 把所有指标做成同样大小的卡片。

请在 07-focused-dashboard 中创建 learning-dashboard.html。

用户要决定：下周是否需要调整学习时间。
示例数据：本周实践 4.6 小时；周目标 5 小时；完成作品 3 个；连续学习 4 天。
信息优先级：主指标是目标完成率 92%，并写结论“距离目标还差 24 分钟”；辅助信息只有作品数和连续天数；主要动作是“安排下周实践”。
要求：不要做四张同样大小的卡片；主指标占据首屏最大视觉权重；单位紧跟数字；进度条同时有文字值；390px 单列；数据区和解释区清楚区分；不加载图表库。

03 · 设计空状态

真实产品总会遇到没有数据。空状态不能只写“暂无数据”，它应该解释为什么为空，并提供下一步。

1. 切换到空状态，确认不存在误导性的 0。
2. 确认空状态只有一个明确下一步。
3. 切回数据状态，数据和进度条恢复一致。

请为 learning-dashboard.html 增加一个可切换的“空数据演示”状态。空状态写清：还没有本周记录；记录一次实践后会看到完成率；提供“添加第一次记录”按钮。不要用 0% 假装已经统计。切换按钮只用于本课测试，并标注“测试状态”。

04 · 做优先级压力测试

退后两步或把页面缩成 25%。你第一眼还应该看到 92% 和“还差 24 分钟”。如果三个数字同样抢眼，说明层级失败。

1. 缩放到 25%，说出第一眼看到的信息。
2. 遮住主指标，判断剩余内容是否仍能解释它。
3. 把作品数改为 123，检查大数字是否破版。
4. 在 390px 下确认主要动作无需横向寻找。