课程学习助手

解决什么问题

面对一篇万字长文、一门几十节的课程或一段一小时的视频，最常见的困境不是"没学"，而是"学完了说不清学了什么"。课程学习助手针对这个场景，把任意形态的学习内容压缩成一套结构化的 HTML 知识卡片：每张卡片只承载一个要点，附带关键词和学习路径建议，浏览器打开即可阅读、编辑、导出为 PNG。

核心能力与工作步骤

多源输入：支持三种输入方式——直接粘贴文本、上传 PDF / Word / Markdown 文件，或提供链接由 AI 抓取内容（覆盖 B 站、公众号、学习平台等）。遇到需要登录或付费的内容时，技能会明确提示改为手动粘贴，而不是静默失败。

结构化分析：按内容类型走四条解析路径：

• 课程 / 书籍类：提取章节结构、核心概念、推荐学习顺序
• 文章类：提炼核心观点、论据、案例与行动建议
• 视频类：解析分 P、时间轴与字幕中的关键节点

交互式确认：生成前必须问两个问题——配色主题（8 种内置主题，如深海蓝、薄荷青、极简黑，各自绑定 CSS 变量）和是否需要备考路径。后者决定是否额外产出"备考突击路径"卡片。

HTML 输出：按手机优先的 max-width: 420px 单列布局渲染，封面卡带渐变背景与卡片数量统计，内容卡采用编号圆圈 + 分类标签 + contenteditable 正文 + 🔑关键词区。每张卡片带复制和保存为图片按钮，导出使用 html2canvas 做 2 倍缩放截图。

适用边界与注意点

• 卡片内容依赖模型的摘要能力，长课程的细节覆盖度有限，更适合建立框架而非替代精读
• 抓取能力受限于目标站点的登录墙与反爬策略，付费内容必须由用户提供
• 排版约束较严格：序号、破折号说明、关键词均要求逐行，改动 HTML 模板时需保持结构
• 输出仅限 HTML 文件本身，不包含语音、思维导图等其他格式