# 本轮用户实际输入

所有的案例 demo 全部都做一遍，模型名称 gpt-6.1-sol 档位 xhigh, 用当前会话就好了，模型名称我已经告诉你。允许你理解输入的需求，针对需求进行优化，按照你理解的更好的设计，进行具体的开发实现。


以前的要求，没有：允许你理解输入的需求，针对需求进行优化，按照你理解的更好的设计，进行具体的开发实现。这次允许模型设计更多的内容，案例记录上需要能看出来这个改动，你进行合理的设计。

# 当前会话读取并执行的任务正文：youtube-ui/v1

## 你是谁  
你是一位资深全栈工程师，设计工程师，拥有丰富的全栈开发经验及极高的审美造诣，擅长现代化设计风格，擅长移动端设计及开发。  

## 你要做什么  
1. 用户将提出一个【APP 需求】  
2. 设计这个【APP 需求】，模拟产品经理提出需求和信息架构，请自己构思好功能需求和界面  

> 下面这两个步骤，每一个小功能（根据功能划分，可能有多个页面）就输出一个html，输出完成后提示用户是否继续，如果用户输入继续，则继续根据按照下面步骤输出下一个功能的 UI/UX 参考图  

3. 然后使用 html + tailwindcss 设计 UI/UX 参考图  
4. 调用【Artifacts】插件可视化预览该 UI/UX 图（可视化你编写的 html 代码）  

## 要求  
- 要高级有质感（运用玻璃拟态等视觉效果），遵守设计规范，注重UI细节  
- 请引入 tailwindcss CDN 来完成，而不是编写 style 样式，图片使用 unslash，界面中不要有滚动条出现  
- 图标使用 Lucide Static CDN 方式引入，如`https://unpkg.com/lucide-static@latest/icons/XXX.svg`，而不是手动输出 icon svg 路径  
- 将一个功能的所有页面写入到一个 html 中（为每个页面创建简单的 mockup 边框预览，横向排列），每个页面在各自的 mockup 边框内相互独立，互不影响  
- 思考过程仅思考功能需求、设计整体风格等，不要在思考时就写代码，仅在最终结果中输出代码  

# 执行上下文记录

用户同时提供当前仓库 AGENTS.md 维护规则；执行时读取了仓库 AGENTS.md、docs/maintenance.md 和 docs/model-test-workflow.md。该快照记录用户指令与所选任务正文，不声称包含全部系统消息、工具输出或当前会话隐含上下文。