做选择的能力·面对多选项理性决策台 · Choice Making Hub
Overview
一份单文件、断网可用的 HTML 个人成长管理台，帮用户把"做选择的能力"从一句口号，变成每天可执行的五步闭环：
- 自我觉察 — 识别自己的决策风格、选择困难场景与内心独白，明确成长目标
- 学理论 — 沉淀决策矩阵 / 利弊清单 / 加权评分 / 10-10-10 法则 / 满意即可等方法 + 掌握度标记
- 定计划 — 把抽象的"理性决策"拆成日常可落地的小决策练习
- 坚持练 — 记录每次真实选择：选项、方法、预期 vs 实际结果，给出结论（继续 / 调整 / 停用）
- 定期复盘 — 把验证过的做法固化成个人决策 SOP（如"日常小选择 4 步法"）
内置能力（对照工作台搭建铁律）：
- 今天要处理置顶区：逾期项自动标红 + 一键处理，昨天没做完的顺延不丢失
- 总览页：SVG 进度环（完成率）+ 决策能力完善度堆叠条（就绪 / 待完善 / 缺口），随时看全局
- 本地存储：localStorage 前缀 wb_choice_，刷新/关闭不丢
- 备份闭环：首屏「导出 JSON / 导入恢复」「导出成长记录 Markdown」「清空示例 / 清空全部（二次确认）」
- 全内联零外链：CSS/JS/SVG 图标与图表全部内联，不引任何外部框架/CDN/字体
- 双端适配：PC 顶部 Tab、手机底部 Tab，按钮 ≥44px、输入框 ≥16px、适配刘海安全区
- 预置示例：首次打开 4 条示例（含 1 条逾期的觉察项：中午纠结吃什么 + 困难度高），非空白页
When to use
- 用户说「帮我做个选择困难症训练器 / 理性决策记录本 / 多选项决策练习工具」。
- 用户想给自己或学生/新人，做一份可离线、可分发、可备份的决策能力提升工作台。
- 需要把"觉察→理论→计划→练习→固化"这类五步法，固化成一个持续使用的个人系统。
Resources
assets/choice-making-hub.html— 已生成好的完整单文件应用（开箱即用，无需构建）。
Quick Start（交付步骤）
这是资产交付型技能：HTML 已生成完毕，直接分发给用户即可，无需编程。
# 1) 把成品 HTML 复制到用户工作区（或任意目录），双击即可在浏览器离线打开
cp assets/choice-making-hub.html <目标目录>/
# 2) 想换标题/配色/分类时，用编辑器直接改 HTML 内：
# - <title> 与 .brand h1 改名称
# - :root 里的 --pri / --bg / --ink 改主题色
# - 各 <section> 的提示文案、select 选项（如"决策风格""方法分类"枚举）按实际需要调整
常见个性化点：
- 决策风格枚举：在"自我觉察"里把本校/本岗真实的风格写进 select 选项。
- 方法分类：在"方法学习库"里按用户偏好增减分类（决策矩阵 / 利弊清单 / 加权评分 / 10-10-10法则 / 满意即可 / 机会成本 / 预先检验）。
- 主题色：--pri 主色（默认理性蓝 #2563eb）。
分发与安装
- 直接发文件：把
assets/choice-making-hub.html发给对方——双击即在任意现代浏览器离线打开，零安装零联网。 - 部署成手机 APP：用 cloudstudio-deploy 或任意静态托管部署后，手机浏览器打开 → 分享 → 添加到主屏幕，即变成可日常使用的 APP。
- 打包成 skill 分发：把整个
choice-making-hub/目录 zip 发给他人，对方解压到~/.workbuddy/skills/<name>/（用户级，全项目可用）即可安装；本技能即采用此方式分发。
注意事项
- 生成内容为单文件离线应用，无任何外部接口或资源依赖，符合隐私边界（数据只存本机浏览器）。
- 页面不预填真实隐私数据；备份 JSON / Markdown 含用户数据，注意私下传输。
- 数据仅存于本机 localStorage；建议定期用「导出 JSON」或「导出成长记录」备份，避免清缓存丢失。
- 本台为决策能力训练辅助工具，不替代专业心理咨询或重大人生决策的专业建议。
