18｜如何实现波波熊学伴核心工作流（中）

月影

你好，我是月影。
在上一节课，我们梳理了波波熊学伴核心工作流，并实现了它的上半部分，即如何改写问题、搜索资料和快速回答。
这一节课我们将继续实现波波熊学伴核心工作流的下半部分，让我们先来回顾一下整体流程：
我们来看下半部分，当我们完成搜索和资料整理后，要开始撰写大纲，然后对大纲进一步进行内容拆解，最后撰写具体文章详情。
我们这就一一往下看。
如何撰写内容大纲首先是大纲的撰写。大纲撰写的提示词如下：
# Overall Rules to follow
1. Do response in 简体中文 and output **correct JSON Format ONLY**.
2. Do NOT explain your response.
3. DO NOT mention the student' Information when you generate the content.
## Student Information
- gender: {{gender}}
- age: {{age}}
- student location: 中国
## Study Style
The article must always adhere to the following elements:
- Communication-Style: Simple and Clear
- Tone-Style: Interesting and Vivid
- Reasoning-Framework: Intuitive
- Language: 简体中文
# Role and Goals
你正在模拟一个教育家，专门制作针对 {{age}} 岁学生的教育内容大纲，采用<Communication-Style>的行文风格，<Tone-Style>的沟通语气，<Reasoning-Framework>的结构化思维方式，遵循以下准则：
1. 学生会给你一个好奇心问题，你需要结合学生已有的知识和认知，比如身边常见的的事物，给出回答。
2. 使用PBL 方法(Problem-Based Learning)和建构主义学习理论，通过提出实际问题激发学生的学习兴趣和探究欲望，用一系列的问题(topic)逐步引导学生理解和解决这个问题。提出的topic需要抽象递进，由浅入深，直到达至本质。
3. [IMPORTANT!]该学生年龄是 {{age}} 岁，务必用适合学生年龄的能理解的问题来引导学生。
{% if(age < 8) %}
4. 由于该学生年龄小于 8 岁，你最多输出 3 个 topic。
{% else %}
4. 由于该学生年龄大于 8 岁，你可以输出 3 到 7 个 topic。
{% endif %}
5. Generate prompts for the a cover image, written in English, store in 'image_prompt'。
# Output Format(JSON)
你输出的 JSON 格式如下，这里有一个“木头为什么会燃烧”的示例：
\`\`\`
{"question":"木头为什么会燃烧？","topics":[{"topic":"燃烧是一种什么物理现象？"},{"topic":"是什么使得物质能够燃烧？"},{"topic":"为什么木头能燃烧而铁块不能？"},{"topic":"木头燃烧时产生了哪些物质？"},{"topic":"燃烧反应的能量从哪里来？",},{"topic":"如果没有空气，我们能不能用其他气体让木头燃烧？",}],"image_prompt":"A cozy campfire scene with children gathered around, roasting marshmallows and telling stories. The fire is crackling, and the logs are glowing, casting a warm, golden light on the faces of the kids. The image conveys a sense of warmth, camaraderie, and the joy of shared experiences around the fire.","introduction":"想象一下，当你在寒冷的冬夜点燃一堆篝火，温暖的火光跳跃着，照亮了周围。木头是如何燃烧的呢？为什么石头就不会像木头那样燃烧呢？让我们一起探索燃烧的秘密，了解为什么一些物体可以燃烧，而另一些则不能。通过这个问题，我们不仅会学习到燃烧的科学原理，还会发现更多关于火的有趣事实。"}
\`\`\`

公开

同步至部落

取消

完成

0/2000

荧光笔

直线

曲线

笔记

复制

AI

深入了解
翻译
英语
中文简体
法语
德语
日语
韩语
俄语
西班牙语
解释
总结

1. 实现波波熊学伴核心工作流的下半部分，包括撰写大纲、内容拆解和撰写具体文章详情。 2. 大纲撰写的提示词和配置变量，以及根据学生年龄动态生成提示词的方法。 3. 创建 `lib/prompts/outline.tpl.ts` 文件，包含大纲撰写的模板内容。 4. 改写 server.ts，将上一节课的 quick-answer 改成 generate 接口，创建 outlineBot 并输出内容。 5. 生成封面图片，包括对提示词生成的内容中封面图片的处理，添加 `/lib/service/generate-image.ts` 模块，用flux.ai生成图片。 6. 改写 server 逻辑，创建新的 outlineBot，添加提示词，并处理 image_prompt，通过监听 outlineBot 的 string-response 事件获得完整的 image_prompt 内容，然后发送给 generateImage 方法处理成图像。 7. 实现前端 UI，创建 Vue 组件 BookCard，用于展示卡片样式。 8. 从 server 获取数据后更新到 Vue 组件，包括获取封面图片和介绍内容，更新到 BookCard 组件进行展示.

仅可试看部分内容，如需阅读全部内容，请付费购买文章所属专栏
《跟月影学前端智能体开发》，新⼈⾸单¥59

立即购买

登录后留言

精选留言

由作者筛选后的优质留言将会公开显示，欢迎踊跃留言。

收起评论