趣味宣导小帮手

它解决什么问题

公司里常有这类场景：一份考勤制度、一条安全通知、一个岗位调整说明，需要从管理层向下宣导。原文通常是枯燥的条文，员工要么跳过不看，要么看完仍有疑问——"主岗要占绝大部分时间，到底多少算绝大部分？""临时支援需要什么条件？"

硬核的内部宣导页要做设计、写文案、配图，成本高；而纯文字通知的完读率又太低。这个技能要填的就是这个中间地带：把一段制度原文，变成员工愿意点开、能看完、看完后知道该做什么的 HTML 页面。

它是怎么工作的

核心思路是一条固定的转换流水线：枯燥条文 → 一问一答小剧场 → 时间/占比动画条 → 要点卡 → 自测卡 → CTA。

输入侧支持四种形态，但无论用户给什么，都会先统一成纯文本再进入标准工作流：

• 直接粘贴文本
• 文章链接——通过 WebFetch 抓取正文，内部知识库走对应连接器
• 图片/截图——OCR 提取文字，图表信息由视觉理解补充要点
• 语音/录音——交给 xftj-transcribe 等转录工具转成文字稿

解析阶段提炼四件事：主题（做标题）、对象（员工/主管/全员）、2–4 条核心政策点（做要点卡）、关键动作与落款（做 CTA）。

生成阶段基于 references/template.html 这个自包含模板替换占位符：两个卡通角色（默认主管 + 员工）展开 4–5 轮对话，员工先抛常见困惑，主管用大白话解释，结尾回到"正确的理解是……"；配色由 CSS 变量 --teal、--coral、--gold 控制；动画是纯 CSS 实现的对话框进场、角色呼吸浮动、占比条生长，不依赖 JS 和网络。

输出是一个独立 HTML 文件，移动端自适应（max-width: 680px 流式布局），可直接在浏览器打开或打印为 PDF。

适用边界与注意点

这个技能只做一件事：内部宣导内容的趣味化转换。以下场景不在其范围内：

• 不生成视频，不翻译外语
• 图片中复杂图表的 OCR 不能保证 100% 准确，拍照模糊或手写潦草可能提取失败
• 正式公文、合同、报表应转交对应专业工具
• 业务决策类问题（如排产、质量根因分析）需转交其他技能

两条质量红线值得注意：生动不等于失真——对话脚本可以口语化，但不得歪曲原文案本意；OCR 或转录得到的文本需人工核对，避免错漏导致宣导失真。生成的页面占位符必须全部替换，不留 __XXX__。