# 需求：为代码生成 Tab 添加预设选项

- **创建时间:** 2025-10-11
- **状态:** 已验证 (Verified)

## 1. 需求描述

为了更好地展示 Ling-1T 模型在代码生成（尤其是 Canvas 动态特效）方面的强大能力，并提升用户初次体验，需要在“代码生成”标签页的 UI 中添加一组精心设计的预设选项。

## 2. 功能要求

- **UI 组件:** 在需求输入文本框下方，使用 Gradio 的 `gr.Examples` 组件来展示预设的 Prompt。
- **交互:** 用户点击任何一个预设选项，该选项的文本内容将自动填充到上方的需求输入框中，用户可以随即点击“生成代码”按钮。
- **内容:** 预设选项应包含一系列能够生成酷炫、动态的 HTML Canvas 特效的 Prompt，例如：
    - "创建一个在黑色背景上不断绽放五彩烟花的 Canvas 动画。"
    - "生成一个具有流光溢彩效果的 Canvas 特效。"
    - "设计一个能与鼠标交互的粒子系统 Canvas 动画。"
    - "用 HTML Canvas 实现一个经典的贪吃蛇游戏。"

## 3. 验收标准

1.  **UI 呈现:** 在“代码生成”标签页，需求输入框下方出现了预设选项区域。
2.  **交互正确:** 点击一个预设选项，其文本被正确填入需求输入框。
3.  **功能联动:** 填入预设 Prompt 后，点击“生成代码”，能够成功触发代码生成流程，并最终看到预期的动态效果。

## 4. 验证方式

- 通过 UI 手动测试预设选项功能。

## 5. 验证结果

- 已验证 (Verified)。预设选项功能按预期工作。