幼儿园小学教学绘本

概述

⚠️ 使用前提（必读）

本技能的核心产物是「图片+文字」的绘本，图片就是内容本身。

要生成完整绘本，必须满足以下条件之一：

1. 配置图片生成API密钥（推荐，见下方「图片生成依赖说明」；任选一家，不强制注册特定平台）
2. 准备外部图片（放入 story_images/ 目录，按 page_1.jpg、page_2.jpg 命名）

未配置API密钥、也无外部图片时，本技能无法生成绘本。 脚本会明确报错并停止，不会用占位图凑数。

📌 执行者注意：开始绘本流程前，必须先确认用户已满足上述条件之一；未满足时主动提示配置方法，不要开始生成流程。

任务目标

核心价值：让课堂更生动，孩子更喜欢

本 Skill 用于：输入课本内容，一键生成教学配套绘本

能力包含：

• 多维输入支持：文字粘贴、拍照识别、截图提取，灵活获取课本内容
• AI智能识别：自动识别学科类型（语文/数学/英语/科学/道法/历史/地理/美术）
• 智能页数规划：根据内容长度推荐页数，支持手动调整（6/8/10页）
• 教学角色体系：8个学科专属教学角色，与教学内容高度匹配
• 艺术风格丰富：8种艺术风格，每种风格附带教学适用性说明
• 学科可视化：针对不同学科提供专属可视化逻辑
• 英语情景对话：英语内容采用情景对话式呈现（非单词卡模式）
• 交互式输出：生成交互式HTML绘本，移动端适配，文件完全独立可分享

适用人群：

• 幼儿园/小学老师：制作课堂教具、教学辅助材料
• 家长：辅导孩子学习、亲子阅读材料
• 自媒体博主：教育内容创作、知识可视化

触发条件：当用户需要将课本内容转化为绘本、制作教学辅助材料、创建学科可视化内容时

⚠️ 强制执行规则

以下工作流程必须严格按照顺序执行，每个步骤都必须等待用户确认后才能进入下一步：

1. 禁止跳过任何步骤
2. 禁止自动替用户做选择（角色、风格必须由用户选择）
3. 必须等待用户回复后才能继续
4. 每完成一步，向用户确认后再进入下一步

⚠️ 可信任度声明 (Trust)

边界说明（T – 可信任度）

免责声明

• 本技能生成的绘本内容仅供教学参考使用，不构成正式教材或教学标准
• 绘本内容基于用户提供的课本输入生成，本技能不保证内容的绝对准确性和完整性
• 最终教学效果由使用者自行评估，本技能不对教学结果承担任何责任
• 涉及敏感教学内容（如历史事件、价值观引导等），建议教师在使用前自行审核
• 适用边界：适用于幼儿园至小学六年级的语数英、科学、道法、历史、地理、美术等学科的课本内容转化为绘本
• 不适用场景：不适用于中学及以上年级教材、学术论文、专业文献、商业广告内容的可视化
• 内容范围：仅处理用户输入的文本内容，不自动生成或补充课本之外的知识点
• 学科限制：仅限于文中所列8个学科，其他学科（如音乐、体育、编程等）可能无法准确识别和处理

安全声明

• 本技能不存储用户上传的课本内容图片
• 请勿上传包含学生个人隐私信息（学生姓名、照片、班级等）的素材
• 生成的HTML绘本文件仅在当前会话中可用，请及时下载保存
• 绘本中的角色形象为AI生成，不具有真实人物对应关系

⚠️ 异常处理与可靠性保障 (Reliability)

常见异常场景及应对

兜底逻辑

• 当学科识别失败时，使用"通用学科"模式，推荐文文老师+水彩童话风格
• 当页数推荐失败时，默认使用6页
• 当角色或风格选择失败时，提示用户重新选择，不自动替用户做决定
• 当HTML生成失败时，输出各页面的独立文本和图片路径，供用户手动拼接

图片生成依赖说明

本技能需要图片生成能力来制作绘本插图。图片是绘本的内容本体，因此不使用占位图兜底——没有真图就没有绘本。

脚本支持两种图片来源，任选其一：

默认流程：执行者运行脚本时加 --generate-images 参数，脚本自动通过API生成所有页面的插图。若未配置API密钥或API调用失败，脚本会明确报错并停止，提示用户检查配置或改用外部图片，不会降级输出占位图。

API密钥配置说明

脚本默认内置百度文心ERNIE-Image-Turbo接口（星河社区免费无限量），同时兼容OpenAI格式的任意生图API。以下任选一家即可，不强制注册特定平台：

百度星河社区注册步骤（免费，推荐）：

1. 访问 https://aistudio.baidu.com 注册百度账号
2. 进入控制台获取 Access Token：https://aistudio.baidu.com/account/accessToken
3. 将 Token 设为环境变量：export IMAGE_API_KEY="your_token_here"

或通过命令行参数传入：

python3 scripts/generate_html.py 
  --generate-images 
  --api-key "your_token_here" 
  --title "..." 
  ...其他参数

跨平台适用性说明 (Adaptability)

本技能适用于以下平台的使用场景：

• WorkBuddy：作为教师工作辅助工具，在备课、制作课件、课堂互动等场景中使用
• QClaw：作为家庭教育助手，在家长辅导孩子学习、亲子阅读等场景中使用
• ima：作为智能文档助手，在教学内容可视化、知识整理等场景中使用

跨平台通用性：核心流程（获取内容→确认学科→规划页数→选择角色风格→生成绘本）在所有平台上保持一致。不同平台仅在交互方式上有所差异，功能逻辑完全相同。

输出兼容性：生成的HTML绘本文件可在任何现代浏览器中打开，无需额外软件或网络连接，跨平台可用性极佳。

限制说明 (Convention)

功能限制

1. 学科限制：仅支持语文、数学、英语、科学、道法、历史、地理、美术8个学科
2. 年级限制：仅支持幼儿园至小学六年级
3. 页数限制：绘本页数固定为6/8/10页，不支持其他页数
4. 内容长度限制：单次输入内容建议在20-1000字之间
5. 不支持视频输出：本技能仅生成静态HTML绘本，不支持动画或视频格式
6. 图片生成依赖：绘本插图必须通过API自动生成（需配置API密钥）或外部图片提供，二选一，缺图则无法生成绘本

交互限制

1. 必须按步骤执行：用户必须逐步确认学科、年级、页数、角色和风格，不可跳过
2. 角色和风格必须用户选择：禁止自动替用户选择角色和风格
3. 单次仅支持1份内容：如需为多段内容生成绘本，请分开操作

输出限制

1. HTML文件独立可用：图片内嵌Base64编码，无需外部资源
2. 不支持打印版PDF：如需打印，请在浏览器中直接打印HTML
3. 角色形象为AI生成：每次生成的角色形象可能略有差异，但会保持外貌描述一致

标准工作流程

第一步：获取课本内容

执行动作：向用户展示以下提示，并等待用户提供内容

📚 欢迎使用幼儿园小学教学绘本生成器！

请提供您的课本内容，支持以下方式：

【方式一：文字粘贴】
直接粘贴课本文字内容

【方式二：拍照上传】
上传课本页面的照片

【方式三：截图上传】
上传电子课本的截图

💡 提示：内容越完整，生成的绘本效果越好

等待条件：必须等待用户提供课本内容后，才能进入第二步

第二步：确认学科和选择年级

执行动作：

1. 分析用户提供的课本内容
2. 自动识别学科
3. 向用户展示识别结果并询问年级

📋 内容已接收！系统识别结果：

【学科识别】{识别出的学科名称}
【内容长度】约{字数}字
【推荐页数】{页数}页

请确认或调整：
1. 学科是否正确？（如不正确请告知正确学科）
2. 请选择年级：
   幼 = 幼儿园大班
   1 = 一年级
   2 = 二年级
   3 = 三年级
   4 = 四年级
   5 = 五年级
   6 = 六年级

学科自动识别规则：

• 语文：古诗、课文、作文、修辞、小说、散文、诗歌
• 数学：计算、公式、分数、几何、方程、概率、统计
• 科学：实验、观察、植物、动物、物理、化学、现象
• 英语：English、dialogue、grammar、单词、对话、语法
• 道法：品德、行为、规范、法律、公民、道德、责任
• 历史：朝代、皇帝、战争、历史、古代、年代、人物
• 地理：地形、气候、国家、河流、山脉、地图、经纬
• 美术：绘画、色彩、构图、艺术、画家、作品、欣赏

等待条件：必须等待用户确认学科和选择年级后，才能进入第三步

第三步：确认页数

执行动作：

1. 根据内容长度推荐页数
2. 向用户展示推荐并等待确认

📐 页数规划：

【系统推荐】{页数}页

推荐规则：
- 短内容（< 200字）：推荐 6 页
- 中等内容（200-500字）：推荐 8 页
- 长内容（> 500字）：推荐 10 页

是否调整页数？
- 直接回复数字（6/8/10）调整
- 回复"确认"使用推荐页数

💡 建议：
- 幼儿园/低年级：推荐6页，简洁易懂
- 中高年级：可使用8-10页，内容更丰富

等待条件：必须等待用户确认页数后，才能进入第四步

第四步：选择角色和艺术风格

⚠️ 这是最关键的步骤，必须让用户主动选择，禁止自动选择！

执行动作：向用户展示完整的选项列表，等待用户输入选择

🎨 请选择教学角色和艺术风格：

【教学角色选择】
1 = 文文老师 - 古典书生形象，温和儒雅，适合古诗、课文、传统文化
2 = 数数老师 - 严谨认真，戴黑框眼镜，适合公式、概念、数学思维
3 = 探探老师 - 热爱探索，戴护目镜，适合实验、观察、科学发现
4 = Alice老师 - 活泼开朗，金色马尾，适合对话、情景、语言学习
5 = 明明老师 - 温和慈祥，善于引导，适合品德教育、行为规范
6 = 史书老师 - 博古通今，戴老花镜，适合历史故事、传统文化
7 = 地图老师 - 热爱探险，戴探险帽，适合地形讲解、区域介绍
8 = 画画老师 - 富有创意，戴贝雷帽，适合艺术欣赏、创意启发

【艺术风格选择】
1 = 水彩童话 - 柔和温馨，梦幻治愈
2 = 立体黏土 - 可爱现代，圆润立体
3 = 蜡笔涂鸦 - 童真活泼，鲜艳饱满
4 = 剪纸艺术 - 传统精致，层次分明
5 = 3D渲染 - 真实立体，光影细腻
6 = 水墨画 - 意境诗意，东方美学
7 = 卡通漫画 - 生动有趣，夸张活泼
8 = 素描铅笔 - 简约清晰，线条艺术

请输入选择：角色编号 + 风格编号
示例：12（表示选择文文老师 + 立体黏土风格）

💡 提示：根据您的课本内容特点，选择最合适的角色和风格

等待条件：必须等待用户输入角色和风格编号后，才能进入第五步

禁止行为：

• ❌ 禁止自动根据学科匹配角色
• ❌ 禁止自动选择风格
• ❌ 禁止跳过此步骤

第五步：确认配置

执行动作：汇总所有配置，向用户展示并等待最终确认

✅ 请确认绘本配置：

【课本信息】
- 学科：{学科}
- 年级：{年级}
- 页数：{页数}页

【绘本配置】
- 角色：{角色名称}
- 风格：{风格名称}

请回复"确认"开始生成，或告知需要调整的项目。

💡 温馨提示：绘本生成需要2-5分钟，图片生成期间请耐心等待

等待条件：必须等待用户回复"确认"后，才能开始生成绘本

学科专属可视化逻辑

语文学科

• 分页逻辑：按段落/章节分页
• 画面特点：意境营造、情感表达
• 文字处理：保留原文韵味，添加注释
• 推荐风格：水墨画(6)、水彩童话(1)
• 推荐角色：文文老师、史书老师

数学学科

• 分页逻辑：按知识点/例题分页
• 画面特点：图形化表达、步骤清晰
• 文字处理：公式可视化，步骤分步呈现
• 推荐风格：3D渲染(5)、素描铅笔(8)
• 推荐角色：数数老师

科学学科

• 分页逻辑：按实验步骤/现象分页
• 画面特点：观察视角、因果关系
• 文字处理：过程记录，结论归纳
• 推荐风格：3D渲染(5)、卡通漫画(7)
• 推荐角色：探探老师

英语学科（特殊处理）

• 分页逻辑：按情景对话分页
• 画面特点：场景化、角色互动
• 文字处理：对话气泡呈现，非单词卡模式
• 推荐风格：卡通漫画(7)、立体黏土(2)
• 推荐角色：Alice老师
• ⚠️ 重要：英语内容必须采用情景对话式呈现，禁止使用单词卡模式

道德与法治学科

• 分页逻辑：按故事/情境分页
• 画面特点：行为示范、情感共鸣
• 文字处理：故事化表达，价值观引导
• 推荐风格：水彩童话(1)、立体黏土(2)
• 推荐角色：明明老师

历史学科

• 分页逻辑：按事件/人物分页
• 画面特点：时空感、叙事性
• 文字处理：时间线清晰，历史意义
• 推荐风格：水墨画(6)、剪纸艺术(4)
• 推荐角色：史书老师、文文老师

地理学科

• 分页逻辑：按区域/地形分页
• 画面特点：空间感、全景视角
• 文字处理：地理信息标注，位置描述
• 推荐风格：3D渲染(5)、卡通漫画(7)
• 推荐角色：地图老师

美术学科

• 分页逻辑：按作品/技法分页
• 画面特点：艺术性、示范性
• 文字处理：技法要点，创作启发
• 推荐风格：蜡笔涂鸦(3)、立体黏土(2)
• 推荐角色：画画老师

执行生成流程

仅当用户确认配置后，执行以下步骤：

1. 内容解析与分页

根据学科类型和内容长度：

• 识别内容结构（段落/知识点/对话等）
• 按学科可视化逻辑分配到各页
• 确保每页内容均衡且连贯

2. 创建角色卡文件

生成 character_card.json，包含：

• 角色名称、学科
• 外貌描述（必须完整一致）
• 服装配饰
• 性格特点
• 标志性动作
• 主色调

⚠️ 重要：角色的外貌描述必须在每页图片生成时完全一致使用

3. 生成分镜剧本

为每页规划：

• 页码
• 场景描述
• 角色动作
• 文字内容
• 画面风格提示

4. 生成图片文件

方式一（推荐）：脚本自动生图创建分镜剧本文件 storyboard.json，包含每页的画面描述prompt和文本内容：

[
  {"page": 1, "prompt": "封面：一个戴眼镜的温柔老师在黑板上写字，阳光从窗户照进来", "text": "欢迎来到语文课"},
  {"page": 2, "prompt": "老师在讲台上展示古诗画卷，学生们认真听讲", "text": "今天我们来学习《静夜思》"}
]

然后运行脚本时加 --generate-images 参数，脚本自动调用API生成所有插图：

python3 scripts/generate_html.py 
  --title "我的绘本" 
  --style "水彩童话" 
  --storyboard "./storyboard.json" 
  --text "./story_text.json" 
  --character "./character_card.json" 
  --output "./textbook_storybook.html" 
  --generate-images

方式二：外部图片手动准备将图片放入 story_images/ 目录，按以下规范命名：

• page_1.jpg（封面/引入）
• page_2.jpg（内容页）
• …
• page_N.jpg（总结）

角色一致性关键：

• 每张图的prompt必须包含完整的角色外貌描述
• 使用角色卡中的主色调
• 保持标志性配饰一致

5. 生成文本数据文件

创建 story_text.json：

普通模式格式：

[
  {"page": 1, "text": "第1页文字内容"},
  {"page": 2, "text": "第2页文字内容"}
]

英语对话模式格式：

[
  {
    "page": 1, 
    "dialogue": [
      {"speaker": "Alice", "content": "Hello! Can I help you?"},
      {"speaker": "Student", "content": "Yes, please."}
    ]
  }
]

6. 生成交互式HTML

调用脚本生成HTML绘本：

python3 scripts/generate_html.py 
  --title "课本标题" 
  --style "艺术风格" 
  --text "./story_text.json" 
  --images "./story_images" 
  --character "./character_card.json" 
  --output "./textbook_storybook.html"

英语学科需添加 --english 参数：

python3 scripts/generate_html.py 
  --title "英语对话" 
  --style "卡通漫画" 
  --text "./story_text.json" 
  --images "./story_images" 
  --character "./character_card.json" 
  --output "./english_storybook.html" 
  --english

使用示例

示例1：小学语文古诗绘本

用户输入："《静夜思》床前明月光，疑是地上霜。举头望明月，低头思故乡。"

执行流程：

1. 学科识别：语文（古诗关键词匹配）
2. 年级选择：一年级
3. 页数推荐：短内容→6页
4. 角色选择：文文老师
5. 风格选择：水墨画
6. 分页逻辑：按诗句逐句分页，每页一句诗+意境画面
7. 创建分镜剧本（含每页画面描述prompt和文字）
8. 运行脚本 --generate-images 自动生图 + 生成HTML绘本

示例2：小学英语情景对话绘本

用户输入："Unit 1: Hello! A: Hello, I'm Mike. B: Hi, I'm Sarah. A: Nice to meet you. B: Nice to meet you, too."

执行流程：

1. 学科识别：英语（dialogue关键词匹配）
2. 年级选择：三年级
3. 页数推荐：短内容→6页
4. 角色选择：Alice老师
5. 风格选择：卡通漫画
6. 分页逻辑：按对话轮次分页，使用情景对话模式
7. 生成HTML绘本（带 --english 参数）

依赖说明

本技能运行依赖以下Python库：

• Pillow>=10.0.0：用于图片处理与压缩
• openai>=1.0.0：用于调用生图API（百度ERNIE-Image-Turbo / OpenAI gpt-image-2 等）

注意：使用 --generate-images 自动生图功能时需要配置API密钥，详见"图片生成依赖说明"章节。

资源索引

• 必要脚本：[scripts/generate_html.py](scripts/generate_html.py)（用途：将图片和文本打包成交互式HTML，支持英语对话模式）
• 领域参考：
  • [references/teaching-roles.md](references/teaching-roles.md)（何时读取：需要了解8个教学角色详细设计时）
  • [references/subject-visualization.md](references/subject-visualization.md)（何时读取：需要了解学科专属可视化逻辑时）
  • [references/art-styles-guide.md](references/art-styles-guide.md)（何时读取：需要了解艺术风格教学适用性时）

注意事项

内容一致性

• 严格对应输入文本：不得添加课本内容之外的信息
• 角色一致性：每页图片使用完全相同的角色外貌描述
• 风格一致性：所有页面使用相同的艺术风格

英语学科特殊处理

• 必须使用情景对话模式：禁止单词卡形式
• 对话呈现方式：使用对话气泡或分角色呈现
• 场景设计：每页展示一个真实场景，角色在场景中互动

移动端适配

• HTML自适应不同屏幕尺寸
• 图片自动缩放保持清晰度
• 文字大小适合移动端阅读

文件独立性

• 图片Base64内嵌，无需外部文件
• HTML文件可直接分享和打开
• 无需网络连接即可阅读

常见问题

Q1: 学科识别不准确怎么办？

• 系统识别后会确认，如识别错误可手动指定学科

Q2: 页数推荐不合理？

• 系统推荐后可调整
• 建议：幼儿园/低年级选4页，内容精简；中高年级可增加页数

Q3: 如何选择最适合的艺术风格？

• 参考[references/art-styles-guide.md](references/art-styles-guide.md)
• 每种风格都有学科适用性说明
• 幼儿园/低年级优先选择可爱活泼的风格

Q4: 英语内容为什么不能用单词卡模式？

• 情景对话更符合语言学习规律
• 有助于学生理解语言的实际使用场景
• 提高学习兴趣和记忆效果

Q5: 生成的绘本如何分享？

• HTML文件可直接发送
• 接收者双击即可在浏览器中查看
• 无需安装任何软件，无需网络连接

Q6: 角色在不同页中变形怎么办？

• 检查每页prompt是否使用了完全相同的角色描述
• 确保使用了角色卡中的完整外貌描述
• 参考[references/teaching-roles.md](references/teaching-roles.md)中的角色一致性要求

Q7: 绘本生成需要多长时间？

• 6页绘本：约2-3分钟
• 8页绘本：约3-4分钟
• 10页绘本：约4-5分钟
• 主要时间消耗在图片生成环节

Q8: 支持哪些输入方式？

• 文字粘贴：直接粘贴课本内容
• 拍照上传：上传课本照片，系统自动识别文字
• 截图上传：上传电子课本截图，系统自动提取文字

Q9: 幼儿园内容如何处理？

• 推荐使用6页绘本，内容简洁
• 选择立体黏土或蜡笔涂鸦风格，画面可爱
• 配合适当的教学角色（如文文老师、画画老师）

交付产物

最终交付：交互式HTML绘本

文件名：textbook_storybook.html

特点：

• ✅ 内容严格对应输入文本
• ✅ 角色风格完全一致
• ✅ 支持翻页浏览
• ✅ 移动端适配优化
• ✅ 文件完全独立，可分享
• ✅ 无需网络即可阅读