docs/requirements/2025-10-11-16-56-add-code-generation-presets.md

需求：为代码生成 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)。预设选项功能按预期工作。