将学习资料(PDF/教材/话题)转换为个性化、多模态的学习材料:手写笔记PDF、极简交互测验HTML、幻灯片PDF+PPTX、思维导图、音频课程。触发词:知识消化、学习材料、笔记生成、测验、幻灯片、思维导图、音频课程、课件、教材转换
将用户提供的教材、PDF或话题转换为个性化、多模态的学习体验。支持输出格式包括:手写风格笔记(PDF)、极简交互测验(HTML)、幻灯片(PDF+PPTX)、思维导图(图像+Mermaid)、音频课程(mp3)。根据年级水平(小学/初中/高中/大学/专业)自动调整内容深度和表达方式。
| 格式 | 关键词 | 输出文件 | 说明 |
|---|---|---|---|
| notes | 笔记/手写笔记 | {topic}_notes.pdf | 手写风格笔记PDF,在原文上标注或从零生成 |
| quiz | 测验/测试 | {topic}_quiz.html | 极简HTML,可交互,即时反馈 |
| slides | 幻灯片/PPT | {topic}_slides.pdf + {topic}_slides.pptx | 视觉信息图表风格幻灯片 |
| mindmap | 思维导图 | {topic}_mindmap.png + Mermaid文本 | 清晰视觉层级的知识结构图 |
| audio | 音频课程 | {topic}_audio.mp3 | 师生对话形式,约15分钟 |
| all | 全部 | 以上全部 | 生成所有格式 |
默认行为:如果用户未指定格式,默认生成 mindmap + slides(仅PDF) + quiz
获取以下信息:
判断是否有学习资料:
对PDF或结构化内容进行解析,提取结构化信息。
文档解析:
核心概念提取:
学习目标分析:
输出格式:
{
"document_info": {
"title": "文档标题",
"total_pages": 100,
"language": "zh/en",
"subject": "学科领域"
},
"chapters": [
{
"chapter_id": "1",
"title": "章节标题",
"page_range": [1, 20],
"sections": [
{
"section_id": "1.1",
"title": "小节标题",
"core_concepts": ["概念1", "概念2"],
"key_terms": [
{"term": "术语", "definition": "定义"}
],
"learning_objectives": ["目标1", "目标2"],
"difficulty": "easy/medium/hard",
"prerequisites": ["前置知识"]
}
]
}
],
"knowledge_graph": {
"nodes": ["概念节点列表"],
"edges": [{"from": "概念A", "to": "概念B", "relation": "依赖/包含/相关"}]
}
}
解析规则:
依次完成用户所选的每种格式的生成(详见下方各格式的专项指南)。
所有格式生成完毕后,统一向用户展示所有生成文件:
<deliver_assets>
<item>
<path>文件路径</path>
</item>
</deliver_assets>
输出规则(适用于所有格式):
以下规则适用于所有生成格式,各格式可在此基础上进一步细化。
| 年级 | 语言风格 | 内容深度 | 视觉风格 |
|---|---|---|---|
| 小学 | 活泼语气、简单词汇、鼓励性语言、故事化讲解 | 简单、生活化 | 更多图片、趣味元素、鲜艳色彩、简短文字、大字体 |
| 初中 | 引导式提问、基础术语、青春化表达 | 基础术语、日常场景、适中难度 | 图文结合、适中信息量、清晰标注 |
| 高中 | 深度讨论、逻辑推理、适当学术性 | 专业术语、逻辑推理、较高难度 | 逻辑图表、数据可视化、专业感 |
| 大学/专业 | 研讨式对话、批判性思维、专业术语 | 学术语言、综合应用、专业深度 | 专业图表、复杂结构、学术风格 |
类型A - 现成论文/课件(在原页面上叠加手写笔记):
类型B - 非现成内容(从零生成笔记PDF):
步骤1:分析原文结构
逐页分析PDF内容:
步骤2:规划笔记内容
为每页规划需要添加的手写标注:
标注类型:
标注规划原则:
步骤3:生成带标注的图像
将原PDF每页转为图像,然后使用图像生成工具在其上添加手写风格标注:
生图工具输入:
手写标注风格要求:
步骤4:编译PDF
将所有带标注的页面图像编译为PDF:
步骤1:组织内容结构
将输入内容整理为层级结构:
步骤2:设计笔记版式
版式元素:
步骤3:生成笔记页面图像
使用图像生成工具,逐页生成手写风格的笔记:
每页包含:
风格要求:
步骤4:编译PDF
将所有笔记页面图像编译为PDF:
输出:{topic}_notes.pdf
每节至少5道题,题型分布:
难度分布:
每道题必须包含:
生成单个HTML文件,包含所有题目和交互逻辑。
设计原则:极简
视觉风格:
交互设计:
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>章节测验</title>
<style>
body {
font-family: system-ui, sans-serif;
max-width: 600px;
margin: 40px auto;
padding: 20px;
line-height: 1.6;
}
h1 { font-size: 1.5em; font-weight: normal; }
.question { margin: 30px 0; }
.question-text { margin-bottom: 15px; }
.option {
display: block;
padding: 10px;
margin: 5px 0;
cursor: pointer;
}
.option:hover { background: #f5f5f5; }
.option.selected { background: #e8e8e8; }
.feedback { margin-top: 10px; font-size: 0.9em; }
.correct { color: #2e7d32; }
.incorrect { color: #c62828; }
.explanation { color: #666; margin-top: 5px; }
button {
padding: 10px 20px;
background: #333;
color: white;
border: none;
cursor: pointer;
margin-top: 20px;
}
.score { font-size: 1.2em; margin-top: 30px; }
</style>
</head>
<body>
<h1>章节标题 - 测验</h1>
<div class="question" data-answer="A">
<div class="question-text">1. 题目内容</div>
<label class="option"><input type="radio" name="q1" value="A"> A. 选项</label>
<label class="option"><input type="radio" name="q1" value="B"> B. 选项</label>
<label class="option"><input type="radio" name="q1" value="C"> C. 选项</label>
<label class="option"><input type="radio" name="q1" value="D"> D. 选项</label>
<div class="feedback"></div>
</div>
<!-- 更多题目... -->
<button onclick="submit()">提交</button>
<div class="score"></div>
<script>
const explanations = {
q1: "解析内容...",
// ...
};
function submit() {
let correct = 0;
document.querySelectorAll('.question').forEach((q, i) => {
const answer = q.dataset.answer;
const selected = q.querySelector('input:checked');
const feedback = q.querySelector('.feedback');
const qName = 'q' + (i + 1);
if (selected && selected.value === answer) {
feedback.innerHTML = '<span class="correct">✓ 正确</span>';
correct++;
} else {
feedback.innerHTML = '<span class="incorrect">✗ 错误</span> 正确答案:' + answer +
'<div class="explanation">' + explanations[qName] + '</div>';
}
});
document.querySelector('.score').textContent =
'得分:' + correct + '/' + document.querySelectorAll('.question').length;
}
</script>
</body>
</html>
输出:{topic}_quiz.html
将以下考量作为菜单而非强制表单。根据用户提供的信息灵活使用,为创意探索留出空间:
步骤1:设计策略 - 创建内容脚本
信息架构优先:将内容结构化为层级化的幻灯片,每张幻灯片是一个信息单元。页数不是设计目标,信息传递效率才是;让内容体量自然决定幻灯片数量。
输出 content_script.md,格式如下:
# 幻灯片内容脚本
## Slide 1: [标题]
**子主题A**: [标签]
[50-80字叙述段落,描述需要可视化的信息内容]
**子主题B**: [标签]
[50-80字叙述段落]
## Slide 2: [标题]
...
内容脚本规范:
步骤2:顺序生成图像
使用图像生成工具,逐张生成幻灯片:
格式要求:
提示词构建思维过程:
读取 content_script.md,基于以下思考构建每张幻灯片的提示词:
A. 根据内容关系决定布局、排版层级、视觉元素;信任你的视觉推理,避免过度指定
B. 评估信息组织:相关主题优先单页视觉层级而非多页分散。基于信息的内在逻辑关系做决定,而非基于文字体量;同页呈现时,通过视觉层级区分信息层次,而非物理分离
C. 判断一致性:对于前一张base_image,遵循最小必要继承原则,确保并平衡视觉多样性和一致性(例如:平行章节要求主标题在位置、大小、字体、字重上完全一致)。避免僵硬统一,判断什么程度的一致性服务于叙事
D. 语言:整个提示词使用用户对话语言书写,但图像中渲染的文字使用内容实际语言
E. 提示词是设计指令,不是内容复述
每张幻灯片的提示词必须包含以下6点:
步骤3:编译输出
生成完所有幻灯片图像后:
输出:{topic}_slides.pdf + {topic}_slides.pptx
步骤1:设计内容结构
确定思维导图的节点层级和关系:
步骤2:生成图像
使用 gen_images 生成思维导图图像:
步骤3:输出
{topic}_mindmap.png老师角色:
学生角色:
步骤1:编写对话脚本
编写师生对话脚本,结构如下:
开场(约1分钟)
- 老师问候,引入今天主题
- 学生回应,表达已有认知或疑问
- 老师用用户兴趣领域建立连接
第一部分:概念引入(约4分钟)
- 老师从用户兴趣场景提问
- 学生观察/回答
- 老师引出核心概念,用口语化方式定义
- 学生请求举例
- 老师用个性化例子详细讲解
- 学生用自己的话复述确认理解
第二部分:深入理解(约5分钟)
- 老师讲解概念的重要特点
- 学生提出常见疑惑/误区
- 老师澄清误区
- 学生提出假设性问题
- 老师回答并拓展
第三部分:应用练习(约3分钟)
- 老师出题
- 学生思考并回答
- 老师反馈(肯定或引导)
总结(约2分钟)
- 学生尝试总结学到的内容
- 老师补充和肯定
- 学生表达收获,联系实际应用
- 互道再见
脚本要求:
步骤2:生成音频
使用音频生成工具,将脚本转换为音频:
步骤3:输出
输出:{topic}_audio.mp3
<deliver_assets> 格式| 格式 | 文件名 |
|---|---|
| 笔记 | {topic}_notes.pdf |
| 测验 | {topic}_quiz.html |
| 幻灯片 | {topic}_slides.pdf + {topic}_slides.pptx |
| 思维导图 | {topic}_mindmap.png |
| 音频 | {topic}_audio.mp3 |
<deliver_assets>
<item>
<path>文件路径1</path>
</item>
<item>
<path>文件路径2</path>
</item>
</deliver_assets>