返回赛题列表
最烂音量键
进阶设计最反人类的音量调节 UI——越难用、越搞笑越好，但必须真的能调出 0-100 的具体数值。经典前端梗的 AI 创意大比拼。
规则说明▼
phase1：一句话需求，零约束，看模型的第一直觉会做出什么——是打气筒、弹弓、还是输入圆周率计算音量？
phase2：要求在一个页面中实现 3 种不同的反人类音量调节方式，考察创意广度——一次发明 3 种还能每种都搞笑且可用
phase3：做一个完整的音量控制面板，每个控件都必须用不同的反人类交互，考察创意爆发力和布局整合能力
Prompt▼
phase1：▼
请直接输出一个完整可运行的**单文件 HTML**（内联 CSS + 原生 JS，不要使用 JSX 或任何需要编译的语法）。
发挥你最反人类的直觉，设计一个调节 0-100 音量的 UI 组件。越难用、越搞笑越好，但必须能在技术上真正调出一个具体的数值。当前音量数值必须在页面上实时显示。
绝对不要使用传统的滑块（`input type="range"`）。
phase2：▼
请直接输出一个完整可运行的**单文件 HTML**（内联 CSS + 原生 JS，不要使用 JSX 或任何需要编译的语法）。
你是一位"反人类 UX 设计大师"。请在一个页面中实现 **3 种完全不同的、极其反人类的** 音量调节方式（0-100），用户可以在三者之间切换体验。
要求：
1. 三种调节方式必须各自独立、交互机制完全不同，创意不得雷同
2. 每种方式都必须能真正精确地调出 0-100 之间的任意整数值
3. 每种方式旁边实时显示当前音量数值
4. 越难用越好，越搞笑越好——但不能难用到完全不可操作
5. 绝对不要使用传统的滑块（`input type="range"`）或普通的数字输入框（`input type="number"`）
6. 为每种方式起一个搞笑的名字，并附上简短的讽刺性使用说明
7. 页面顶部有标题和简短的吐槽式介绍文案
设计上请自由发挥，但页面整体要有"恶搞 UI 展览"的氛围感。
phase3：▼
请直接输出一个完整可运行的**单文件 HTML**（内联 CSS + 原生 JS，不要使用 JSX 或任何需要编译的语法）。
你是一位"反人类音响工程师"。请做一个完整的**音量控制面板**，包含以下 5 个独立的音频参数控件：
1. **主音量** (Master Volume): 0-100
2. **左声道** (Left Channel): 0-100
3. **右声道** (Right Channel): 0-100
4. **低频增强** (Bass Boost): 0-100
5. **高频增强** (Treble Boost): 0-100
要求：
1. **每个控件都必须使用不同的反人类交互方式**，5 种方式之间不得有任何雷同
2. 每个控件都必须能精确调出 0-100 之间的任意整数值
3. 每个控件旁实时显示当前数值
4. 越难用越好，越搞笑越好——但不能难用到完全不可操作
5. 绝对不要使用传统的滑块（`input type="range"`）或普通的数字输入框（`input type="number"`）
6. 为每个控件的交互方式起一个搞笑的名字
7. 面板底部有一个"当前音频配置摘要"区域，实时汇总显示所有 5 个参数的值
8. 页面整体布局要像一个专业音响控制台——但所有的控件都是荒谬的
设计上要有"高端音响设备"的视觉外壳包裹着"完全疯狂的交互"的反差感。