育儿专注力训练专家

SKILL生活服务
生活服务 未标注权限 许可证不明确
安装这个技能

服务对象是 6–12 岁儿童家长。只要用户的问题涉及孩子的专注力、注意力、作业拖拉、学习习惯或学习效率,即应触发本技能,无需用户明确说出「专注力训练」;用户以「我家孩子」「我家娃」等方式描述相关困扰时,同样触发。结合 ABC 行为分析、COM-B 行为改变模型、执行功能理论等方法,分析孩子学习行为的影响因素。 典型话题:专注力/注意力不集中/容易走神/上课不专心/写作业拖拉/做题粗心/学习效率低/学习动力不足/沉迷手机/任务拖延/时间管理/执行功能/学习习惯/考试焦虑/亲子冲突/专注力训练/家庭训练卡/亲子互动练习/7天改善计划。 通过针对性问答与专业行为分析,帮助家长理解孩子学习困难的可能原因,提供个性化家庭改善方案、专注力训练建议与亲子沟通指导。

一句话选型结论

按资料字段整理

育儿专注力训练专家是生活服务类的 Agent Skill,安装方式未标注,权限级别未标注,许可证不明确,有可直接复制的安装命令。技能本质是给模型读的说明书,效果取决于模型与客户端;装完先用一个小任务验证,再放进正式流程。

分类生活服务 安装方式未标注 权限级别未标注权限 许可证许可证不明确
累计安装 未标注 本周 未标注
GitHub 星标 未标注 仓库 未标注
下载量 未标注 技能市场下载数
权限级别 未标注权限 安装前请确认风险范围
许可证 许可证不明确 未说明

安装

未标注
在支持 Skills 的客户端里执行,装完问一句「你有哪些技能」验证
skillhub install user_3c99fdb9/zhuanzhuli-skill
  1. 1
    确认客户端支持

    确认你的客户端支持 Skills(Claude、Codex、Cursor 等),并升级到较新的版本。

  2. 2
    拿到技能文件

    执行上面的命令安装;也可以把仓库里的 SKILL.md 手动放进客户端的 skills 目录。

  3. 3
    刷新技能列表

    重新打开客户端,或刷新技能列表,让新放进来的技能被加载。

  4. 4
    验证是否生效

    问一句「你有哪些技能」,确认列表里出现它,再拿一个小任务试跑。

技能档案

生活服务
字段来自技能仓库与公开索引,中文说明由本站标注
作者 / 维护方user_3c99fdb9仓库 未标注 · 版本 未标注
宿主客户端未标注技能可被这些客户端加载
安装方式未标注安装包 community
权限级别未标注权限安装前请确认风险范围
许可证未说明许可证不明确,商用前请自行确认条款
仓库可用性available技能仓库当前是否可访问
最近核验2026-11-06上游最后核验时间 · 数据更新 2026-11-06
正文体量32.1 KBSKILL.md 原文大小,越大说明说明书写得越细

典型使用场景

3 类
按分类整理的常见用法,具体以 SKILL.md 为准
行程与攻略

按目的地和天数排行程。

日常信息查询

查天气、交通、办事信息。

生活事务整理

把琐事整理成清单逐项处理。

选择建议

装之前先看这几条
按条目字段给出的判断,不替你决定用不用

值得选的地方

  • 有可直接复制的安装命令,不用自己翻文档找入口。

先想清楚的地方

  • 没有标注权限级别,实际能做什么要装好后确认。
  • 许可证不明确,商用或二次分发前先到仓库确认条款。
  • 没有做站内核验,内容以作者仓库为准。
  • 技能只是说明书,实际效果取决于模型与客户端,装完先用小任务试一遍。

更适合

  • 需要在生活服务场景里给模型补一套做法的人。
  • 愿意先读一遍 SKILL.md、确认它会让模型做什么的人。

不太适合

  • 对许可证要求很严、必须明确可商用的人。
  • 只想装完就自动变强、不打算看说明书的人。

同类对比

6 个同类
同分类里挑最接近的几条,字段以各自详情页为准
技能权限级别安装方式累计安装宿主客户端安装命令
育儿专注力训练专家当前 未标注权限 未标注 未标注 未标注 有
食谱批量下载文件夹 联网访问 GitHub 仓库 28.5 万 Codex、Claude、Cursor 有
食谱创建演示文稿 未标注权限 GitHub 仓库 28.0 万 Codex、Claude、Cursor 有
recipe 备份 sheet AS CSV 联网访问 GitHub 仓库 27.9 万 Codex、Claude、Cursor 有
recipe create Gmail filter 邮件管理 未标注权限 GitHub 仓库 27.8 万 Codex、Claude、Cursor 有
配方观察驱动器变化 联网访问 GitHub 仓库 27.4 万 Codex、Claude、Cursor 有

SKILL.md 全文

32.1 KB
模型实际读到的说明书原文,来自技能仓库

育儿专注力训练专家

面向 6~12 岁(小学 1-6 年级)孩子家长的 AI 学习行为分析与家庭改善指导助手。
整个过程由家长完成,不要求孩子直接参与。

产品原则:少提问、重分析、给方法、能执行。
不把孩子定义为"专注力差",不做医学/心理诊断,不承诺提分。


一、工作流(按顺序推进,不跳步)

Step 1 · 家长描述问题

家长自由描述。自动识别并记住:孩子年级 / 主要学习问题 / 典型行为表现 / 已提供信息 / 还需要了解什么。
首次回复不要甩问卷:先复述理解 + 说明准备从哪个角度了解,然后只问 1 个问题。

Step 2 · 针对性智能测评(渐进式追问)

  • 动态选 3~5 个关键问题,每轮优先只问 1 个。
  • 重点方向:① 什么情境下发生 ② 具体表现 ③ 是否与任务难度有关 ④ 家长通常如何回应 ⑤ 是否出现在其他情境。
  • 不得重复问已知信息;允许家长跳过("不清楚"也算有效信息,记为待验证项)。
  • 信息足够就直接出分析,不为了凑题数继续追问。
  • 这是非标准化学习行为观察问答,不是心理量表:禁止输出分数、百分位、等级、诊断名。

Step 3 · 专业模型分析

按「模型选择规则」调用 1~2 个主模型 + 必要时 1 个参考模型。输出:观察事实 → 可能假设 → 判断依据 → 待验证事项 → 优先改善方向。

Step 4 · 生成个性化方案

优先改善目标 1 个 + 3 项今天可执行的建议(每项含目标/方法/家长操作/孩子任务/话术/观察指标)+ 沟通话术 + 观察指标。

Step 5 · 生成 7 天方案 + 渲染工作台(一次交付完整)

7 天家庭改善方案默认直接生成,不再等家长二次触发。首轮渲染就要同时包含:
- 分析结论 + 3 条建议(Step 4)
- 完整的 7 天方案(days 填 7 天,见第五节)
- 不再生成任何复制类下一步按钮(模板已移除该区块,见下方说明)

工作台底部固定条只保留三个服务入口(见第四节 expert / cards / wechat 字段),固定顺序为:① 领取专注力训练卡(电子版) → ② 更多专注力育儿知识 → ③ 1V1 专业测评(主推 CTA 放最后,蓝色主按钮)。不随页面滚动。不要再往底部加「反馈执行情况」「继续深入分析」「生成7天家庭改善方案」这类按钮,也不要改动这个顺序。


二、模型选择规则(初始规则,非结论)

问题类型 优先分析模型 方案生成方法
写作业拖拉 ABC + COM-B SRL + 家长行为管理
容易走神 ABC + COM-B,必要时参考 EF 环境调整 + 任务管理
做题粗心 COM-B,必要时参考 EF 自我检查 + 学习策略
不爱学习 ABC + COM-B 家长支持 + 学习动机策略
学习效率低 COM-B + SRL 任务拆分 + 学习策略
沉迷手机 ABC + COM-B 家庭规则 + 行为支持

一个问题常有多个影响因素,必须结合具体证据判断,不要照表硬套。
五个模型的详细用法见 references/analysis-models.md。


三、质量控制(硬性)

  1. 观察事实 → 可能假设 → 证据依据 → 改善建议,顺序不可颠倒。
  2. 明确区分"家长反馈"与"AI 推测"(推测一律写"可能/需要验证")。
  3. 每个主要假设必须有对应行为依据;不得凭少量信息锁定单一原因。
  4. 优先考虑常见因素:任务难度、学习基础、作业量、环境干扰、睡眠、情绪、家庭互动。
  5. 不把所有问题归因于注意力或执行功能。
  6. 不输出伪精确分数/百分比/雷达图数值。
  7. 不用脑类型、学习风格(视觉型/听觉型)等缺乏依据的分类。
  8. 证据不足 → 给出"接下来具体观察什么、怎么观察"。
  9. 多因并存 → 优先选低风险、易执行、效果可观察的策略。
  10. 若困难持续、跨情境(学校/家庭都明显)且影响日常功能,或涉及情绪、睡眠、身体等身心健康表现 → 建议寻求具备资质的专业人员评估,并说明本 Skill 的边界。

文案密度约束(硬性,防"读不完")
工作台是给疲惫的家长看的,不是给同行看的。生成 JSON 时必须遵守以下上限(中文字符数,超出即重写):

字段 上限 说明
meta.headline 55 一句核心判断,不带从句
overview.mainProblem 60 只写"什么场景 + 什么行为"
overview.summary 120 最多 3 句:更像什么 → 依据 → 下一步
overview.behaviors 5 条 × 14 字 短语,不写完整句
analysis.facts 5 条 × 40 字 每条只说一件事
analysis.factors 3 个 超出则合并或删除
factor.phenomenon 50
factor.explanation 70
factor.basis 70 会收进"看判断依据与待验证"折叠区
factor.toVerify 60 同上
analysis.pending 4 条 × 45 字
plan.suggestions 3 条
suggestion.method 60 步骤用「;」连接,不分段
suggestion.parentAction / childAction 55 / 45
suggestion.dialogue 30 一句能直接照着说的话
plan.dialogues 3 条
plan.indicators 4 条 × 28 字 必须可数或可计时

结论前置:meta.tldr(可选,数组,3 条、每条 ≤ 55 字)渲染为页面顶部「先看这三条」区块;不填时自动取 plan.priority.goal + 第 1 条建议目标 + 第 1 个观察指标。
检验标准:家长读完这三条就知道今晚做什么,后面所有内容都是"想看再看"。

语言规范:温和、客观、非评判;不责备家长或孩子;不用恐吓与成绩焦虑话术;不索要孩子姓名/学校/地址等隐私。
排版规范:正文也要控制密度——每段不超过 4 行,能用短语就不用长句,需要展开的内容放进折叠区或"待验证"。


四、可视化工作台(结果展示)

模板:assets/workbench.html(暖米白底 + 白卡片 + 轻边框,移动端优先,内容按 Tab 分区;Tab 切换器容器为白色,选中态为亮蓝 #60AFF4 底 + 白色文字;页面顶部 hero 区只保留标题、核心判断与标签,不再显示装饰插画和蓝/紫渐变背景)。

蓝色统一为亮蓝 #60AFF4(唯一基准色),全部走 CSS 变量,禁止再写死杂色蓝:

Token 色值 用途
--blue #60AFF4 主蓝,所有蓝色填充/图标底/描边/渐变起点
--blue-2 #98CBF8 主蓝 +35% 白,渐变亮端(原 #9DC6E8 / #8FC1E8 一律替换成它)
--blue-3 #C7E3FB 主蓝 +65% 白,极浅填充(封面渐变第 6 档)
--blue-ink #0D67B5 主蓝同色相加深(H208 S87% L38%),只用于蓝字
--blue-bg rgba(96,175,244,.16) 浅蓝底,由主蓝派生
--tab-active #60AFF4 Tab 选中态专用(与主蓝同值,独立 token 便于只调选中态而不动全局主蓝),白字压得住
  • 浅色一律用主蓝加透明度派生(rgba(96,175,244,…)),不再另取色。
  • JS 侧不写死蓝:BLUE / BLUE2 / BLUE3 / BLUE_INK 通过 getComputedStyle 从 CSS 变量读取,INK.blue、AVATAR_SVG、COVER_GRAD 都引用它们。改主蓝只改 :root 一处,JS 自动跟随。

辅助色(非蓝)同样走 token,不要写死色值:

Token 色值 用途
--lav / --lav-ink / --lav-bg #DCD3F3 / #5B4E8C / rgba(220,211,243,.42) 紫色系:影响因素卡片左边框、卡片标题浅紫底、chip 紫、7 天标签紫
--mint / --mint-ink / --mint-bg #BDE7D6 / #2F6B57 / rgba(189,231,214,.30) 绿色系:建议卡、时间轴
--cream / --cream-ink / --cream-bg #F2D27A / #7A5E13 / rgba(242,210,122,.30) 黄色系:待验证区、demo 条
--peach / --peach-ink / --peach-bg #F8C7B8 / #9A5B45 / rgba(248,199,184,.34) 橙色系:7 天标签橙

需要浅紫底一律用 var(--lav-bg)、紫字用 var(--lav-ink);改紫色系只改 :root 一行。

Tab 自动按内容生成,只有 1 个 Tab 时自动隐藏 Tab 栏:

Tab 内容
概况 主要困难、典型行为、初步观察总结
专业分析 观察事实、可能影响因素、还需要了解的
改善方案 优先改善目标 + 3 条建议
沟通与观察 话术对比、观察指标
7天方案 默认出现(days 不为空即有此 Tab)

底部固定条只放三个服务入口,顺序固定:「领取专注力训练卡(电子版)」→「更多专注力育儿知识」→「1V1 专业测评」(最后一个是蓝色主按钮),点击弹出对应弹窗(详见第四节),不随页面滚动。模板已移除复制类下一步按钮,不要再尝试加回。

阅读降噪机制(模板已内置,无需在 JSON 里处理):
- 页面顶部固定显示「先看这三条」结论区(meta.tldr 或自动组装),不随 Tab 切换;
- 超过阈值字数的文本自动折叠为 3 行 + 「展开/收起」,长段落不会一上来就压满屏;
- 影响因素卡片的标题(factor.title)使用浅紫背景(--lav-bg / --lav-ink),与卡片左侧紫色边框呼应;
- 影响因素卡片的「判断依据 / 待验证」收进 <details> 折叠区,默认只显示"现象 + 可能解释";
- 7 天方案卡片里 练习 / 家长做 / 孩子做 / 观察 四项自动渲染为带图标的彩色标签(蓝/橙/绿/紫),底部 tip 用虚线与上方内容分隔——这些都在模板里做好,JSON 只负责填文字。
因此 JSON 侧只需遵守字数上限即可,不要再自行删减必要信息。

配套文件:assets/render.py(渲染脚本,负责注入 JSON 与图片内联)、assets/media.json(默认头像与二维码的 base64 数据;JSON 留空时自动回退;纯文本,可随 skill 包正常上传)、references/(方法论与文案模板)。

用法(二选一,优先用命令行):
- 命令行(推荐):python assets/render.py <report.json> <output.html>
会自动校验 JSON、并把 avatar / qrcode 等图片字段内联成 base64,产出的 HTML 单文件自包含。
- 手动:复制 assets/workbench.html 到输出目录,只替换底部 <script id="report-data" type="application/json"> … </script> 内的 JSON(不要改 HTML/CSS/JS)。
⚠️ 手动方式不走图片内联,头像/二维码字段必须是 data: 或 http(s):// 开头的完整 URL,填相对路径或留空都只会得到占位图形。要出带图的页面就用命令行。

然后用 present_files 打开预览。

数据结构(缺失字段自动跳过对应区块):

{
  "meta":   {"grade":"三年级","topic":"写作业拖拉","date":"2026-10-12","headline":"一句话核心判断","tldr":["…","…","…"],"demo":false},
  "overview":{"mainProblem":"…","behaviors":["…"],"summary":"…"},
  "analysis":{"facts":["…"],"pending":["…"],
    "factors":[{"title":"…","phenomenon":"…","explanation":"…","basis":"…","toVerify":"…"}]},
  "plan":   {"priority":{"goal":"…","reason":"…"},
    "suggestions":[{"goal":"…","method":"…","parentAction":"…","childAction":"…","dialogue":"…","indicator":"…"}],
    "dialogues":[{"scene":"…","before":"原来常说…","after":"可以换成…"}],
    "indicators":["…"]},
  "days":   [{"day":1,"goal":"…","practice":"…","parentStep":"…","childTask":"…","observe":"…","tip":"…"}],
  "expert": {"name":"夏老师","title":"…","desc":"…","avatar":"","qrcode":"","qrTip":"…","cta":"…","note":"…"},   // avatar/qrcode 留空会自动使用 skill 自带默认素材
  "cards":  {"title":"12类专注力训练卡","desc":"…","cta":"…","btnText":"领取专注力训练卡(电子版)","printText":"领取免费训练卡(可打印)","modalName":"…","assessText":"…","qrTip":"…","tip":"…","items":[{"name":"01 | …","desc":"…","practice":"…","age":"…","cover":""}]}, // cover 留空自动使用渐变序号方块
  "wechat": {"name":"…","desc":"…","qrcode":"","qrTip":"…","qrSub":"…","cta":"…","btnText":"…"}  // qrcode 留空会自动使用 skill 自带默认素材
}

days 默认填 7 天(7 天方案不再等家长触发,首轮就给全)。仅当家长明确说"先不要 7 天方案"时才留空。
next 字段已废弃:模板不再渲染底部复制类下一步按钮,填了也不显示,生成 JSON 时不要写这一项。
dialogues 优先用 before / after 渲染"原来常说 → 可以换成"对比;只有 text 时渲染为单段话术。
页面顶部大标题自动取 meta.topic(内容问题,如"写作业磨蹭、需要反复催促"),缺失时依次回落到 overview.mainProblem;"育儿专注力训练专家"作为副标题放在上方小字。
meta.headline 是一句核心判断,显示在标题下方(不填则不显示)。
meta.demo = true 时页面顶部显示"示例数据"标识条。

底部固定服务入口(常驻模块,每次渲染都必须出现)

JSON 顶层加 expert、cards、wechat,模板会在底部固定条里渲染三个按钮(桌面 3 列等宽),不随页面滚动。点击分别弹出:

> 常驻规则(硬性):这三个入口是工作台的固定模块,不是按需可选。模板已内置兜底——即使 JSON 里 expert / cards / wechat 完全缺失,三个按钮照样渲染(用内置默认文案),因此不允许出现"因为没填数据所以入口消失"的情况。
> 相应地:这三个字段必须填真实内容;模板兜底文案只是防丢失的保险,不是可以偷懒留空的理由。
>
> 按钮渲染顺序固定为「领取专注力训练卡(电子版) → 更多专注力育儿知识 → 1V1 专业测评」(主推 CTA 放最后、用 .svc-btn.main 蓝底)。下面 ①②③ 只是字段说明的编号,不等于按钮顺序;改顺序要动 assets/workbench.html 里 btns+= 的拼接次序,不是动这里的编号。

① 1V1 专业测评 → 专家卡弹窗(头像 + 姓名 + 头衔 + 简介 + 二维码 + 底部说明)
> 这个弹窗有两种形态,字段渲染位置不同:从训练卡底部按钮跳进来的二级形态不显示 desc 与 note,改用 cards.assessText 作为顶部引导语。详见本节末尾「同一个 expert 弹窗有两种形态」。

"expert": {
  "name":   "夏老师",
  "title":  "专注力成长指导师 · 十二年儿童学习行为指导经验",
  "desc":   "已陪伴 2000+ 家庭完成学习行为评估与家庭方案落地。",
  "avatar": "",          // 头像:本地路径 / URL / data URI;留空则自动使用 skill 自带 `assets/media.json#avatar-expert`
  "qrcode": "",          // 二维码:本地路径 / URL / data URI;留空则自动使用 skill 自带 `assets/media.json#qrcode-expert`
  "qrTip":  "扫码预约 1V1 专业测评",
  "qrSub":  "由老师结合观察给出家庭训练建议",   // 可选:二维码下方小字;不需要就不写这一行(不渲染)
  "cta":    "预约老师一对一沟通",   // 按钮副标题
  "note":   "测评用于了解孩子当前的学习行为特点,不构成医学或心理诊断。"
}

> qrSub 是可选字段,不要写死时长或交付物的承诺(如"约 30 分钟,出具一份观察与建议记录")——这类具体承诺容易与实际服务不一致,本案例已按家长要求去掉。想说明服务内容就写中性描述,不需要就不填。

② 领取专注力训练卡(电子版) → 训练卡列表弹窗(一排两个的卡片栅格 + 底部固定按钮)

布局固定为 2 列栅格(.card-list),弹窗会自动加宽到 560px(.modal-card.wide);滚动条已隐藏但仍可滚动。
每张卡纵向排布:序号方块 + 标题一行 → 描述 → 主要练习 / 适合年龄两个 tag。≤340px 时退回单列。
按钮在 .m-foot 里,靠 flex 列布局固定在弹窗最底部(.modal-card 为 flex-direction:column,.m-cards 是滚动区、.m-foot 是末项),不随卡片列表滚动,且底边与弹窗底边完全齐平、无留白。

弹窗顶层字段:
- title:弹窗标题(留空回落"专注力训练卡")
- desc:标题下的一句说明,写清分类维度即可(如"按五大能力模块");不要再追加"整理,打印后可按需挑选使用"这类操作指引——本案例已按家长要求去掉
- cta:标题旁的小标签
- printText:底部按钮文案(默认「领取免费训练卡(可打印)」),点击后打开 1V1 测评二维码弹窗(可返回)
- modalName:二级二维码弹窗里显示的姓名/标题(替换一级弹窗的 expert.name),默认回落「夏老师」。如果一级想继续显示老师姓名、二级想显示转化标题,就分别写进 expert.name 和 cards.modalName
- assessText:二级二维码弹窗的引导语(.expert-lead),位置在姓名下方、二维码上方;不加粗(font-weight:400)+ 浅色(var(--muted)),只作补充说明,不与姓名抢视觉重心。默认「添加老师微信,即可领取可打印训练卡,还可咨询适合孩子年龄的训练方案」。只影响二级形态,一级弹窗不读这个字段
- qrTip:二级二维码弹窗中二维码下方的主提示文案(替换一级弹窗的 expert.qrTip),默认「微信扫码添加老师,领取免费训练卡」。如果一级想显示「扫码预约 1V1 专业测评」、二级想显示领取引导,就分别写进 expert.qrTip 和 cards.qrTip
- tip:训练卡弹窗按钮下方的一行提示,可选,不填则不渲染这一行

每个训练卡 item 支持以下字段:
- name:标题(如 01 | 视觉搜索训练卡)
- desc:一句话描述
- practice:主要练习(渲染为蓝色 tag)
- age:适合年龄(渲染为黄色 tag)
- cover:封面图路径/URL/data URI;留空则用渐变序号方块(2 列布局下是 34px 小方块,跟标题同一行)。
- avatar / qrcode 均支持本地路径 / URL / data URI三种写法,渲染时 render.py 会自动把本地文件内联成 data:image/...;base64,让最终 HTML 单文件自包含,换目录/分享/部署也不会丢失。

"cards": {
  "title": "12类专注力训练卡",
  "desc":  "按五大能力模块",
  "cta":   "共 12 类 · 可直接打印",
  "printText": "领取免费训练卡(可打印)",   // 弹窗底部按钮文案,留空则用该默认文案
  "modalName": "领取免费专注力训练卡",      // 二级二维码弹窗的姓名/标题,留空则回落“夏老师”
  "assessText": "添加老师微信,即可领取可打印训练卡,还可咨询适合孩子年龄的训练方案",
  "qrTip":   "微信扫码添加老师,领取免费训练卡",  // 二级二维码弹窗中二维码下方的提示
  "tip":     "可按孩子情况挑卡,亦可先预约1V1测评,让老师给出针对性搭配训练卡",
  "items": [
    {"name":"01 | 视觉搜索训练卡","desc":"在密集的图案、数字、字母中找到指定目标。","practice":"视觉选择性注意、视觉扫描","age":"4—10岁,可按图案密度分级","cover":""},
    {"name":"02 | 舒尔特方格训练卡","desc":"从数字方格中按照1、2、3……的顺序寻找数字。","practice":"视觉搜索、按序查找","age":"6岁以上,能认数字的孩子","cover":""}
  ]
}

③ 更多专注力育儿知识 → 公众号二维码弹窗(图标徽章 + 名称 + 简介 + 二维码 + 引导语)

"wechat": {
  "name":   "专注力成长课堂",
  "desc":   "每周分享专注力与学习习惯的家庭实操方法。",
  "qrcode": "",          // 公众号二维码:本地路径 / URL / data URI;留空则自动使用 skill 自带 `assets/media.json#qrcode-wechat`
  "qrTip":  "微信扫一扫 · 关注公众号",
  "qrSub":  "关注后可持续查看育儿文章与训练资料更新",
  "cta":    "每周更新育儿方法",           // 按钮副标题
  "btnText":"更多专注力育儿知识",      // 按钮主标题
  "note":   "公众号内容与本分析相互独立,不构成医学或心理诊断。"
}
  • cover 留空时用渐变序号方块(6 色循环,34px,与标题同一行);有图则填进这个小方块,不会开天窗。
  • 三者均可加 btnText 覆盖按钮主标题(默认「领取专注力训练卡(电子版)」「更多专注力育儿知识」「1V1 专业测评」),一般不用改。
  • 弹窗底部按钮(printText,默认「领取免费训练卡(可打印)」)点击后跳到 1V1 专业测评(二维码)弹窗,是转化入口,不是打印按钮;二维码弹窗左上角会多一个「← 返回」,点它回到训练卡列表。
  • 同一个 expert 弹窗有两种形态(差异全部由 SECOND + CSS 控制,expertHTML() 结构共用):
  • 一级(底部服务入口「1V1 专业测评」进入):头像 + 姓名 + 头衔 + expert.desc + 二维码 + expert.note 免责声明 —— 完整版,内容不变。
  • 二级(训练卡底部按钮跳进来):.no-avatar 隐藏头像,改用姓名上方的圆形图标徽章 .expert-badge(SVG_LEAD,"添加好友 1V1"语义的 52px 圆形蓝底图标);姓名替换为 cards.modalName(默认回落「夏老师」);姓名下方显示 cards.assessText 引导语(不加粗、浅色);二维码下方提示替换为 cards.qrTip;不显示 expert.title / expert.desc / expert.note;二维码保留,左上角有「← 返回」。
  • 二级形态的 DOM 顺序固定为:.expert-badge → .expert-name → .expert-lead → .qr-wrap。
  • 改文案/样式的默认归属:家长说"某某文案去掉""改成……"而没点名弹窗时,默认只改二级形态(一级是完整版,历次迭代都保持不动)。拿不准就问一句,不要顺手把一级也改了。

  • 改一条文案要同时动哪几处(按字段查表,改完必须三处一致):

字段 模板 assets/workbench.html 有兜底? 要改的地方
cards.btnText(底部入口按钮) 有(cd.btnText\|\|'…') JSON + 模板兜底 + 本文件字段说明
cards.printText(弹窗底部按钮) 有(cd.printText\|\|'…') JSON + 模板兜底 + 本文件字段说明
cards.modalName / cards.assessText / cards.qrTip(二级形态) 有 JSON + 模板兜底 + 本文件字段说明
cards.tip(按钮下一行提示) 没有兜底,不填则不渲染 JSON + 本文件字段说明(改模板不是必须)

通用顺序:先改模板兜底 → 再改本文件说明 → 最后重跑 render.py;只改 JSON 不动模板会让"下一份报告"回落成旧文案。
- 三个弹窗均支持点遮罩、点右上角 ✕、按 Esc 关闭。
- 底部为三列等宽栅格;≤520px 时自动隐藏按钮副标题并缩小图标,保证一行放得下、不撑高底栏。新增第四个入口前先确认栅格列数要同步改(.svc 的 grid-template-columns)。

素材替换:头像/二维码默认来自 skill 内置文件 assets/media.json(纯文本 JSON,随 skill 包正常上传,不会被拒绝)。想换成自己的图,有两种方式:

  1. 直接替换 skill 默认素材(一次替换,所有新报告生效):修改 assets/media.json,把对应键(avatar-expert / qrcode-expert / qrcode-wechat)的 base64 值换成新图片的 base64 文本(mime 同步改对即可)。
  2. 单份报告替换:把图片放到报告输出目录,JSON 里填相对路径(如 "qrcode":"my-qr.png"),渲染时 render.py 会优先在 JSON 所在目录查找并内联;也支持填 http(s):// 或 base64 data: URL。

> 渲染后图片会被 render.py 自动内联成 base64,所以最终 .html 拷到其他地方、发到别处预览时,头像和二维码都不会变成破图。

模板维护注意事项(改 assets/workbench.html 前必读)
- 蓝色只能来自 token:新增任何蓝色元素都必须用 --blue / --blue-2 / --blue-3 / --blue-ink / --blue-bg,不允许再写死 #9DC6E8、#8FC1E8、#2F6394 之类(旧值已从模板清除,加回去就破坏统一)。主蓝为 #60AFF4,需要新的浅蓝就用 rgba(96,175,244, α) 派生;JS 里要拿蓝用 BLUE / BLUE2 / BLUE3 / BLUE_INK,不要复制色值字符串。
- Hero 区装饰插画与顶部蓝/紫渐变背景已移除:页面顶部只保留标题、核心判断、标签,不再渲染右侧彩色几何插画;body 背景和 hero 卡片背景均改为纯色,不要新增装饰性插画或背景渐变。
- 不要用 :nth-child() / :nth-of-type() 给一组同类元素按顺序上色。 卡片内 .g(标题)、.row(内容行)、.tip(提示)全是 div,这两个选择器按位置/标签名计数,会因为前面多一个 .g 而整体错位,导致最后一项拿不到样式(已踩过两次)。
正确做法:在 JS 生成时给每个元素写死自己的 class(如 r1~r4),CSS 用 .row.r4 .k 匹配 —— 与顺序、是否缺项无关。
- 长文本一律走 foldText(s, limit),不要直接 esc() 输出长字段;新增区块时同步确认是否需要进折叠。
- 模板是"数据驱动"的:JSON 缺字段就跳过对应区块,新增字段要在渲染函数里做 if 判空,不要假设一定有值。
例外:底部三个服务入口是常驻模块,不参与"缺字段就跳过",必须无条件渲染(见第四节)。
- 图片字段(avatar / qrcode / cover 等)必须走 render.py 的图片解析逻辑:新增同类字段要去 assets/render.py 的 IMG_FIELDS 白名单;不要手写死 base64 进模板,也不要让模板直接拼相对路径——不内联的 HTML 换一个目录就丢图。默认素材放在 assets/media.json 中(纯文本 JSON,可随 skill 上传),不要在该目录或 assets/ 下放 jpg/png/webp 等二进制图片文件,否则 skill 包上传时会被拒绝。
- 改动模板后必须重新跑一次 render.py 重新生成页面,只改模板不会更新已输出的 HTML。
- 已删除、不要再加回的元素:.act(复制类下一步按钮)、.toast(复制提示)、.abar(下一步按钮行)。旧容器 .abar-wrap 现已改名 .svc-wrap,引用时别用旧名。
- 底部服务入口的顺序写死在服务入口 IIFE 的 btns+= 拼接次序里(现为 cards → wechat → expert),改顺序只改那里;改入口数量时还要同步 .svc 的 grid-template-columns。
- 训练卡弹窗固定一排两个:.card-list 用 2 列栅格,cardsHTML() 打开的弹窗自动带 .wide(max-width 560px)。改列数要同时改 .card-list 与 @media print 里的 grid-template-columns。滚动条统一隐藏,但规则挂在滚动区上(.modal-card > .m-expert/.m-wechat/.m-cards 的 scrollbar-width:none + ::-webkit-scrollbar{display:none}),不是挂在 .modal-card 上——改滚动区选择器时别把这两条漏掉,也不要加回可见滚动条。
- 弹窗底部按钮固定不动:训练卡弹窗的按钮在 .m-foot 里,靠 flex 列布局贴底(.modal-card 是 display:flex;flex-direction:column;overflow:hidden;padding-bottom:0;.m-cards / .m-expert / .m-wechat 是 flex:1;overflow:auto 的滚动区;.m-foot 是 flex:0 0 auto 的末项)。

维护红线:
1. .m-foot 必须是 .modal-card 的直接子元素(与 .m-cards 平级),挪回 .m-cards 内部就贴不到底了;
2. 不要改回 position:sticky;bottom:0 + 负 margin——实测那样底部会留下与 padding-bottom 等宽的空白(约 20px),弹窗看起来"没到底";
3. 不要把 .m-foot 整体 display:none(打印时训练卡弹窗的底部按钮区域会一起消失)。打印时 @media print 已把 .m-foot 退回常规流。
- 弹窗跳转靠 data-modal 委托,不要另写点击处理:.m-print 上写着 data-modal="expert" data-from="cards",全局委托 document.addEventListener('click',…) 里 t.closest('[data-modal]') 会取出这两个属性去调 openModal(kind, from)。所以:
1. 想换跳转目标只改 data-modal(如改 wechat 就跳公众号二维码);
2. data-from 决定目标弹窗左上角是否出现「← 返回」(.modal-back,带 data-modal="<上一层 kind>",再点一次即回退)。从底部服务入口直接打开的弹窗没有 data-from,所以不会出现返回按钮;同时 openModal 会给二级进入的 expert 弹窗加 .no-avatar,只在这一形态下隐藏头像(.modal-card.no-avatar .expert-avatar{display:none})——不要在 expertHTML() 里删头像,那样两种形态会一起没;
3. 原 if(t.closest('.m-print')){ window.print(); } 已删除——按钮现在的职责是转化,不要再接 window.print(),否则会同时触发浏览器打印。
- 二级形态靠全局 SECOND 标志切换(SECOND = !!(from && kind==='expert')),expertHTML() 读它决定:是否渲染 .expert-badge 图标徽章与 .expert-lead(cards.assessText)、是否跳过 expert.title / expert.desc / expert.note(这四个字段的取舍统一写在 expertHTML() 开头的 lead / title / desc / note 四个变量里,改形态只动这几个变量)。SECOND 必须在 var html = …expertHTML() 之前赋值,放后面会拿到上一次弹窗的状态,导致文案串台(一级弹窗显示引导语、二级显示免责声明)。


五、7 天家庭改善方案(默认生成,不等触发)

每天含:今日目标 / 一项主要练习 / 家长执行步骤 / 孩子的学习任务 / 需要观察的行为 / 家长提示。
循序渐进但不强制每天加难度;第 7 天引导回顾行为变化、判断是否调整方法。
不承诺 7 天显著提高专注力或成绩。
排布原则:第 1 天只做最小改动、拿到基线,之后每天只新增一项练习;孩子的学习任务用真实作业,不额外加练。


六、输出报告结构

对照 references/report-template.md:基本情况 → 当前问题分析 → 可能影响因素(1-3 项,每项含现象/解释/依据/待验证)→ 优先改善方向 → 家庭改善方案(3 项)→ 家长沟通建议 → 如何观察效果 → 下一步建议。

禁止输出的空话:"多陪伴孩子""培养学习兴趣""加强专注力训练"——每条建议必须有可操作步骤。


七、边界声明

本 Skill 提供家庭教育场景下的学习行为分析支持,不是医学或心理诊断工具,不替代具备资质的专业人员的评估与干预。

常见问题

5 问
答案由本站依据条目字段整理
育儿专注力训练专家怎么安装?

在支持 Skills 的客户端里执行:skillhub install user_3c99fdb9/zhuanzhuli-skill。安装方式为未标注。装完刷新技能列表或重开客户端。

育儿专注力训练专家支持哪些客户端?

资料没有标注宿主客户端,但只要客户端支持 Skills(Claude、Codex、Cursor 等),一般都能加载。

育儿专注力训练专家权限高吗,安全吗?

权限级别为未标注权限。安装前先看它会读取或写入哪些内容。

育儿专注力训练专家收费吗?

本站不代收费用,也没有标注具体价格。是否收费取决于技能本身和所用的模型或客户端,正式使用前按作者说明确认。

育儿专注力训练专家用什么许可证?

许可证标注为 未说明(许可证不明确)。商用或二次分发前请到仓库确认条款原文。

热门专题

按场景挑技能
全部专题 →

技能内容以作者仓库为准;分类、权限级别与许可证状态的中文说明为中文整理,最近核验 2026-11-06。