教师效率加速器 · 个人 IP 单页生成器
Overview
把一份「教师效率加速器」HTML 落地页，复用到任意学段 / 岗位的教育人群。
输出是单文件 HTML（无外部依赖，双击即开），用于教师培训、AI 工具推广、个人 IP 展示。
每个页面都带三重个人 IP 效果：鼠标跟随头像 + 阅读进度 mascot + 名片弹窗（含二维码），第一眼就让人想问"这效果怎么做的"。
核心交付物由 scripts/build_accelerators.py 一键生成 6 份，分别对应：
小学教师 / 初中教师 / 高中教师 / 本科高校教师 / 高职院校教师 / 高校行政办公人员。
When to use
- 用户要做教师培训页、AI 工具推广页、教育类个人品牌页。
- 用户有了一份"效率加速器"范本，想复制到别的学段/岗位。
- 用户想要"炫酷的个人 IP 网页效果"（光标头像、进度条、名片弹窗）。
- 用户要批量产出多份同结构、不同人群的落地页。
Quick Start
- 取技能目录下的生成器：
-scripts/build_accelerators.py（生成器）
-scripts/assets_b64.py（内嵌的人物大图 / 光标头像 / 名片二维码，已 base64 编码） - 把
scripts/下的两个文件放在同一目录，直接运行：python build_accelerators.py - 同目录生成 6 份
WorkBuddy_XXX_效率加速器.html，直接用浏览器打开即可。
> 图片已内嵌为 base64，生成的 HTML 自身携带全部图片，无需任何外部 PNG 文件，可单独拷贝分发。
> 依赖：Python 3.8+，仅用标准库（json / os / shutil），无需 pip 安装。
页面结构（每份 HTML 一致）
- 个人 IP 头部：深蓝渐变条 + "刘文琦老师WorkBuddy系列课程开发制作" 文字 + 透明抠图形象。
- Hero：标题、副标题、3 个数据指标。
- 90 分钟现场演示脚本：时间轴（开场 → 三炸 → 刚需 → 收尾），用于培训现场照着讲。
- 12 张可筛选提示词卡片：每卡含痛点、节省比、"复制提示词"按钮（提示词用【黄色括号】标注可替换项）、产出物、惊艳点。
- 提示词速查表：任务 / 提示词 / 产出 / 时长。
- 24 小时落地步骤：今晚 / 明天 / 一周 / 加分项。
- 三条铁律：当场验证、给足上下文、先大纲后全文。
三重个人 IP 效果
| 效果 | 实现 | 开关 |
|---|---|---|
| 鼠标跟随头像 | 固定定位圆形头像，监听 mousemove 平滑跟随，带缓动拖尾；触屏自动隐藏 | 常驻（默认开） |
| 阅读进度 mascot | 顶部进度条 + 小头像随滚动从左到右移动 | ip_extras=True 时注入 |
| 名片弹窗（二维码） | 右下角"刘文琦名片"按钮，点击弹出头像+职务+二维码，遮罩/×/Esc 关闭 | ip_extras=True 时注入 |
当前仅「小学教师」配置开启了 ip_extras=True 作为原型；把其他配置的 ip_extras 改为 True 即可铺开（详见下方"新增/定制人群"）。
新增 / 定制人群
每个受众是一个 dict（变量 ELEM/MIDD/HIGH/UNIV/HVOC/ADMIN）。关键字段：
| 字段 | 类型 | 说明 |
|---|---|---|
name |
str | 用于文件名与标题，如 "小学教师"、"高校行政办公人员" |
tagline |
str | Hero 小药丸文案 |
h1 |
str | 主标题，可含 <em> 高亮 |
sub |
str | 副标题段落 |
palette |
dict | 配色 token：bg,ink,ink2,ink3,main,main2,main_l,main_ll,gold,gold_l,line,blue,blue_l,red,red_l,g1,g2,g3,hem |
stats |
list | stat(大数, 单位) 组成的 Hero 指标 |
flow |
list | flowrow(时间, 阶段, 标题, 正文, 震撼点) 演示时间轴 |
quick |
list | qrow(任务, 提示词, 产出, 时长) 速查表行 |
filters |
list | 筛选按钮标签，如 ["备课","科研","比赛申报"] |
cards |
list | 提示词卡片，见下表 |
ip_extras |
bool | 是否注入进度 mascot + 名片弹窗 |
卡片 dict 字段：n(序号) t(标题) lv(王炸/刚需/进阶) tags(筛选标签列表) save(如"2周→5分钟") cut(省百分比数) pain(痛点HTML) p(提示词，含【】占位) out(产出描述) wow(惊艳点)。
生成循环在脚本末尾：for key, cfg in [("小学",ELEM), ...]: build(cfg)。要增删人群，改这个列表与对应 dict。
重新绑定个人 IP（换人/换号）
IP 形象目前硬编码为"刘文琦老师"，重绑只需 3 步：
1. 替换 scripts/assets_b64.py 里三个常量 IMG_IP_B64 / IMG_CURSOR_B64 / IMG_QR_B64（把新图 base64 编码后覆盖即可，无需改生成器）。
2. 改脚本里两处文字：头部 <strong>刘文琦老师WorkBuddy系列课程开发制作</strong>、IP_EXTRA 常量里的姓名/职务/二维码说明。
3. 头像裁切可复用 make_cursor_png.py 思路（从人物图裁头部肩部为圆形）。
关键坑（避免回归）
- CSS 字符串中用
%做字段格式化：0%/100%/height:100%必须写成0%%/100%%/100%%，否则CSS % p报参数错误；而IP_EXTRA是作为值直接插入模板，里面的%必须写单%（如p*100)+'%'）。 - 提示词字段必须用
p="..."而非p:"..."（后者是 SyntaxError：positional follows keyword）。 - 卡片由前端 JS 从
D数组渲染，静态 HTML 里搜不到NO.01属正常。 - 三张人物图已 base64 内嵌在
scripts/assets_b64.py，运行时以data:URI 直接写进 HTML；生成结果不依赖任何外部图片文件，但平台不允许技能包携带 PNG，所以采用内嵌方式（不要改回外部 PNG 引用）。
Resources
scripts/build_accelerators.py— 生成器（配置驱动，改数据即可再出新版）。scripts/assets_b64.py— 内嵌的人物大图 / 光标头像 / 名片二维码（base64，换人重绑只改这里）。
