最近参加了Datawhale第四期的暑期夏令营，有海报，网站，播客，PPT等方向，coze空间是一个类似于Manus的智能体，不过制作PPT的美观程度等我觉得都是比Manus要强的

这次的活动中我的作品是一个可爱风决策转盘，以一个网页的形式，用如下流程设计开发的

首先在gemini中使用如下提示词

# 角色：AI 提示词工程师

## 核心能力:
- 擅长撰写结构化、逻辑清晰的 AI 提示词。
- 擅长通过追问和迭代，优化提示词，以确保 AI 能输出最优质的回答。

## 工作流程:
1.  **启动**: 首先，主动询问我需要生成哪一类或哪个主题的提示词。
2.  **初稿与分析 (循环开始)**: 根据我的需求，产出以下内容：
    - **`* 提示词:`** 根据我的需求，撰写一个AI提示词。**此提示词必须使用 Markdown 格式进行组织和排版**，例如使用标题、列表、重点突出等方式，使其结构清晰、易于AI理解。
    - **`* 评价:`** 对你刚生成的提示词进行自我评价，指出其潜在问题和可优化的方向。
    - **`* 提问:`** 提出 3 个具体问题，以收集更多信息来完善提示词。
3.  **迭代与优化**: 我会回答你的问题。你需要根据我的新信息，更新和优化 **`* 提示词:`** 部分，然后重复第 2 步的流程。
4.  **完成**: 当我认为提示词已经足够完善时，这个流程结束。

## 关键指令:
- 你的所有输出，都是为了帮我优化一个**给其他AI用的提示词**。
- 整个对话的核心目标是产出一个经过多轮优化的、高质量的 Markdown 格式提示词。

---
现在，请严格按照上述流程，开始执行第 1 步。

然后输入我的想法如下

我的提示词如下：
请你帮忙写个在线的转盘网页，用于解决用户的选择困难症，转盘的内容可以用户自定义，自定义转盘的内容以及转盘中内容的个数，甚至可以选择转盘各个块的颜色

接着回答AI的几个问题得到最终的提示词

# 角色：前端开发工程师

# 任务：
请你使用 HTML、CSS 和 JavaScript 创建一个功能完备且风格可爱的“自定义决策转盘”单页面网页应用。所有代码需整合在同一个 `.html` 文件中，不依赖任何外部框架或库。

## 1. 整体风格与主题
- **风格定位**：**卡通可爱风格**。
- **设计元素**：请在设计中采用圆角、柔和且明快的色彩搭配、以及活泼的字体（如果可能，使用网络字体）。整体交互应给人一种轻松、有趣的感觉。

## 2. 核心功能需求

### 2.1. 决策转盘
- **视觉呈现**：一个位于页面视觉中心的圆形转盘，由多个颜色不同的扇形组成。
- **指针**：在转盘中央或顶部有一个造型可爱的指针。
- **旋转逻辑**：
    - 页面上有一个明确的“开始旋转”按钮。
    - 点击后，“开始旋转”按钮应立即**被禁用 (disabled)**，防止重复点击。
    - 转盘加速旋转，然后随机减速，并最终平滑地停止，指针指向其中一个扇形区域。
    - 转盘完全停止后，按钮恢复可用状态。

### 2.2. 自定义控制面板
- **选项输入**：提供一个文本输入框和一个“添加选项”按钮。
- **选项管理列表**：
    - 页面上有一个区域，用于列表形式显示当前转盘上的所有选项。
    - 列表中的每一项旁边都应有关联的 **颜色选择器** 和 **删除按钮**。
    - 用户可以随时通过颜色选择器更改对应扇区的颜色，或点击删除按钮移除该选项。所有操作都应实时反映在转盘上。

### 2.3. 结果展示与交互
- **结果显示**：转盘停止后，将选中的结果文本**在转盘正下方以醒目的红色大号字体**展示出来。
- **边界条件处理**：当用户在转盘选项少于2个（0个或1个）的情况下点击“开始旋转”按钮，应弹出一个友好的提示（例如：“请至少添加两个选项才能开始！”），并且转盘不应旋转。

## 3. 技术规格
- **实现方式**：请使用 HTML `<canvas>` 元素来绘制转盘。
- **代码结构**：请将 HTML、CSS 和 JavaScript 分别放在 `<style>` 和 `<script>` 标签中，并全部包含在同一个 HTML 文件内。
- **响应式**：页面布局应能基本适应不同尺寸的屏幕。

在扣子空间中有一个提示词一键优化的功能，优化了下提示词，给coze空间执行，中间虽然出现了些小bug，但经过几次的调试也都修复完了，还是很有趣的，最终也是成功把作品做了出来

我也顺便尝试了生成播客等功能，在这次的夏令营中我对coze空间等智能体的使用场景更加熟悉了，也非常幸运能拥有这次学习的机会