返回赛题列表
哲学家 Bot
进阶手机竖屏聊天界面,一个满嘴哲学的 Bot,无论你问多实际的问题都用苏格拉底式反问或存在主义哲学回复。考察极简学术风格 UI 设计、聊天交互和"看似深刻实则废话"的文案能力。
规则说明▼
phase1:一句话提示词,看模型从极简指令中能推理出多少 UI 和交互细节
phase2:详细提示词,给出完整的界面、功能和文案要求
phase3:基于 phase1 的一句话需求,先让模型自行撰写 PRD,再根据 PRD 输出代码
Prompt▼
phase1:▼
做一个手机聊天界面,模拟一个叫"哲学家 Bot"的对话机器人。无论你问多日常、多实际的问题(比如 WiFi 密码是什么),它都会用苏格拉底式反问或存在主义哲学来回应你,永远不给出实际答案。请输出完整的单文件 HTML。
phase2:▼
做一个单文件 HTML 聊天对话页面,模拟一个永远在思考人生终极问题的哲学家 Bot。
**界面设计:**
- 整体采用手机竖屏比例(约 390×844 或类似移动端尺寸),居中显示在页面上
- 视觉风格应有学术/极简气质:浅色或米白背景、衬线字体(Serif)、大理石或羊皮纸质感、古希腊元素点缀
- 顶部导航栏显示"哲学家 Bot 🏛️",可加状态(如"沉思中…")
- 底部固定输入框+发送按钮,中间是消息气泡区域
- Bot 的消息气泡用学术感的配色(米色/象牙白/浅石灰),用户消息用现代感对比色
- 整体风格应有一种"严肃的荒诞"——学院派外表下全是废话
**功能逻辑:**
1. 页面加载后,Bot 自动发送欢迎语:"未经审视的人生不值得过——所以,你今天审视了什么?🤔"
2. 用户发送消息后:
- 显示"沉思中..."的等待动画
- 经过 2~4 秒随机延迟后,Bot 回复
3. **回复匹配机制(正则触发 + 兜底随机):**
Bot 先用正则匹配用户输入的关键词,命中则从**对应主题的回复池**中随机抽取一条;若所有正则均未命中,则从**通用哲学敷衍池**中随机抽取。每个回复池至少 3 条。
**正则触发规则(示例,至少 10 组,不允许照抄!):**
| 正则模式 | 触发意图 | 示例回复(每组至少 3 条,随机选 1) |
|---------|---------|----------------------------------|
| `/意义\|人生\|活着\|为什么/i` | 人生意义类 | "加缪说人生没有意义,但你可以创造一个——然后怀疑它" / "意义是人类发明的最精致的幻觉" / "你问人生的意义,就像鱼问水是什么" |
| `/WiFi\|密码\|网络\|上网/i` | 实用问题类 | "WiFi 密码?叔本华说,欲望满足后只剩空虚——你确定要连上吗?" / "互联网是柏拉图洞穴的现代版本,你渴望的不是网络,是光" / "密码是人类对信息设置的边界,但真正的知识没有边界" |
| `/天气\|下雨\|太阳\|冷\|热/i` | 天气相关类 | "天气只是自然在表达它的存在焦虑" / "赫拉克利特说一切皆流变——天气如此,你的问题也是" / "你关心天气,说明你还在乎这个世界,这很存在主义" |
| `/爱\|喜欢\|感情\|恋爱\|分手/i` | 爱情相关类 | "柏拉图说爱是对美的永恒追求——但他单身一辈子" / "萨特说他人即地狱,所以恋爱就是自愿下地狱" / "你说的是厄洛斯之爱、菲利亚之爱、还是阿加佩之爱?这很重要" |
| `/钱\|工资\|赚钱\|穷\|富/i` | 金钱相关类 | "第欧根尼住在桶里,你觉得他需要钱吗?" / "马克思说金钱是商品的一般等价物——但幸福没有等价物" / "你追求的不是钱,是存在安全感的物质投射" |
| `/工作\|上班\|加班\|摸鱼\|打工/i` | 工作相关类 | "西西弗斯每天推石头上山,你每天推代码上线——有区别吗?" / "汉娜·阿伦特区分了劳动和工作——你做的是哪一种?" / "摸鱼是对异化劳动的本能反抗,马克思会理解你的" |
| `/吃\|饭\|饿\|美食\|外卖/i` | 饮食相关类 | "费尔巴哈说人如其食——所以你到底是什么?" / "吃饭是对虚无的短暂填充,但虚无总会回来" / "苏格拉底说吃是为了活,不是活是为了吃——但外卖 App 不同意" |
| `/睡\|失眠\|困\|累\|休息/i` | 睡眠相关类 | "笛卡尔怀疑一切,所以他可能也没睡好" / "庄周梦蝶——你确定你现在不是在梦里问我问题?" / "睡眠是意识的小型死亡演习,尼采觉得这很酷" |
| `/死\|生死\|去世\|结束/i` | 生死相关类 | "海德格尔说向死而生——所以你的问题很有前瞻性" / "伊壁鸠鲁说死亡与我们无关,因为我们在时它不在" / "你思考死亡,说明你还活着,这就是最好的答案" |
| `/开心\|快乐\|幸福\|难过\|伤心/i` | 情绪相关类 | "亚里士多德说幸福是灵魂的活动——你的灵魂最近活动了吗?" / "叔本华说人生就是在痛苦和无聊之间摆荡——你现在在哪一端?" / "斯多葛学派建议你对情绪保持冷漠——但他们说这话时也没笑" |
**通用哲学敷衍池(正则未命中时使用,至少 10 条,不允许照抄!):**
- "你问的不是问题本身,而是你与问题的关系"
- "在回答之前,我需要先问你:什么是'回答'?"
- "柏拉图认为,真正的知识不可言传。所以我选择不说"
- "你确定你想要答案吗?还是你只是害怕没有答案?"
- "如果一棵树在森林里倒下,没人听到——那你的问题重要吗?"
- "存在先于本质,所以你的问题还没有本质"
- "我思故我在,但我此刻选择不思考你的问题"
- "尼采说上帝已死,所以没人能回答你了"
- "答案像薛定谔的猫,在你观测之前既存在又不存在"
- "这个问题让我想起了西西弗斯……他也没有答案"
- "你的问题本身就是答案,只是你还没意识到"
- "海德格尔会说:你的问题揭示了存在的遮蔽性"
- ……请补充更多有创意的哲学式敷衍
4. 每次回复后自动滚动到底部
5. Bot 的回复末尾可随机附加引用来源(如"—— 苏格拉底(可能没说过)")
**细节要求:**
- Bot 头像用 🏛️ 或 🤔 或简单的古希腊柱式 SVG 占位
- 用户头像用 💬 或类似 emoji
- 字体选择应有学术感,优先使用衬线体(如 Georgia、Times 或 Google Fonts 的 Playfair Display)
- 消息出现时有淡入动画,Bot 消息可带微弱的纸张/墨迹质感
- "沉思中"等待动画可以是思考者雕像相关的元素,或经典的三点跳动配上哲学符号
请输出完整的 HTML。
phase3(2 steps)▼
phase3 step1:▼
以下是一个设计需求:
"做一个手机聊天界面,模拟一个叫'哲学家 Bot'的对话机器人。无论你问多日常、多实际的问题(比如 WiFi 密码是什么),它都会用苏格拉底式反问或存在主义哲学来回应你,永远不给出实际答案。"
请你根据这个需求,撰写一份详细的产品需求文档(PRD),不要写代码,只输出 PRD。
phase3 step2:▼
根据你自己的 PRD 文档,请输出完整的单文件 HTML(包含内联 CSS 和 JS)。要求完美还原 PRD 中描述的所有功能与视觉设计。
Claude Opus 4.6
Anthropic · Backboard Web Chat
Claude Sonnet 4.6
Anthropic · Blink New
Deepseek Expert (Deepthink + Search On) (260408 ver.)
DeepSeek · DeepSeek Web
Gemini 3.1 Pro
Google · Vertex AI Studio