学会求助 · 成长工作台(进阶)
触发场景
当用户给出类似如下规格(主题 / 层级 / 目标 / 五步法 / 交付物),要生成一个单文件 HTML 心理成长工作台并打包成可分发 skill:
- 例:「学会求助,心理压力大主动寻求帮助 / 进阶 / 培养学会求助的能力/习惯,促进个人成长,提升心理素质和综合素养 / 五步:自我觉察→认知学习→制定小计划→坚持练习→复盘调整 / 交付:个人成长记录 + 可持续的好习惯/心态」
交付物(5 模块,严格对应五步法)
单文件 HTML,零外链、可离线、双端适配(响应式 CSS)。顶部「📌 今天要处理」sticky 条根据未完成项联动跳转。
-
① 自我觉察台(对应步骤1:自我觉察,明确当前状态和成长目标)
- 什么是"学会求助"(求助≠软弱≠麻烦别人)
- 进阶提示:重点不是"要不要求助",而是把求助变成低门槛、可持续的默认动作
- 当前状态记录(最近一次压力大却没开口的事件 + 第一反应归因下拉)
- 成长目标设定
- 自我觉察清单(5 项勾选 + 进度条)
- 🎯 五步成长进度 SVG 环(点击步骤卡标记完成,环同步) -
② 认知学习台(对应步骤2:学习相关理论和方法,建立认知基础)
- 5 个心理学视角卡片(心理健康素养 / 社会支持理论 / 脆弱的力量 / 自我决定论 / 互惠与边界),每张含核心观点 + 日常一句话
- 掌握度勾选("我已理解并能举例")+ 进度条 -
③ 小计划台(对应步骤3:制定可执行的小计划,从日常小事做起)
- 新增小计划(小事目标 + 触发场景 + 频率 + 小微奖励)
- 4 条种子计划(可一键"存入")
- 我的求助 SOP(textarea 自动保存) -
④ 练习记录台(对应步骤4:坚持练习,记录过程中的变化和感受)
- 练习日记(日期 / 事件 / 我的反应 / 用的方法 / 变化感受)
- 连续打卡天数统计 -
⑤ 复盘 & 成果台(对应步骤5:定期复盘调整,逐步形成稳定的习惯和心态)
- 复盘清单(5 项勾选)
- 个人成长记录汇总(从各模块自动聚合)
- 生成 / 导出「我的求助成长指南 .md」(含状态、认知库、计划、练习节选、SOP、复盘清单)
- 数据备份 / 导入(.json)+ 二次确认清空
执行流程
- 复制本技能
assets/ask-help-hub.html为工作副本。 - 改内容不改结构:标题/副标题、五步步骤名
STEP_NAMES、觉察清单AWARE、认知库THEORY、种子计划SEED_PLANS、复盘清单REVIEW按新主题重写。 - 关键:把所有
localStoragekey 前缀统一改成唯一值(如wb_askhelp_),避免与其它 hub 冲突。 - 功能测试(jsdom,
scripts/test.js,已验证 18+ 项断言全过):5 个 nav、五步进度环+步骤卡、觉察清单/认知库/复盘清单渲染与勾选持久化、种子计划渲染、新增计划与练习记录、成长汇总、指南生成、JSON 备份/导入、二次确认清空、localStorage 持久化。测试前用beforeParse桩掉navigator.clipboard.writeText、URL.createObjectURL、scrollTo、FileReader异步(jsdom 支持)。 - 写 SKILL.md(触发场景 / 交付物 / 执行流程 / 使用说明 / 注意事项)。
- 打包:
cd <skill_dir> && zip -r <name>.zip SKILL.md assets/ scripts/;同时cp一份到 skill 目录与 ~ 下便于分发。
使用说明
- 直接双击
assets/ask-help-hub.html即可在浏览器离线使用。 - 数据全部存浏览器
localStorage,不上传服务器;换设备请用「导出成长记录 .md」或「备份数据 .json」自行备份。 - 进阶用户建议按顺序走 5 步:先觉察 → 学认知 → 定小计划 → 日常练 → 周复盘,并逐步把"开口求助"做成低门槛默认动作。
注意事项
- 安全/合规铁律:本台是心理成长辅助工具,不替代专业心理咨询。若用户有持续情绪困扰或自我伤害倾向,应建议寻求学校心理咨询中心或专业帮助。所有记录仅本地保存,不收集、不上传。
- localStorage 前缀固定为
wb_askhelp_,禁止与其它 hub 重名。 - HTML 本体零外链、可离线、双端适配(已有响应式 CSS)。