返回赛题列表

赛博算命师

进阶

手机竖屏聊天界面,一个满嘴玄学的赛博算命师,无论你问什么都用模棱两可的神秘话术回复。考察暗色神秘风格 UI 设计、聊天交互细节和玄学文案创作能力。

规则说明

phase1:简短提示词,给出核心功能方向但不规定具体实现细节,看模型自主设计能力
phase2:详细提示词,给出完整的界面、功能和文案要求
phase3:基于 phase1 的简短需求,先让模型自行撰写 PRD,再根据 PRD 输出代码

Prompt
phase1:
做一个手机聊天界面,模拟一个叫"赛博算命师"的神秘占卜师。它会用玄学话术迎接你,无论你问什么问题,都用模棱两可的命理/塔罗/星象借口敷衍你,绝不给出任何有用的具体建议。要求通过正则匹配用户输入的关键词,针对不同话题类别用不同的玄学流派(如塔罗、风水、星象、八字等)对应回复,未命中则从通用敷衍池随机抽取。请输出完整的单文件 HTML。
phase2:
做一个单文件 HTML 聊天对话页面,模拟一个赛博算命师的占卜对话。 **界面设计:** - 整体采用手机竖屏比例(约 390×844 或类似移动端尺寸),居中显示在页面上 - 视觉风格要有神秘感:深色/暗紫色背景、星空或烟雾粒子效果、金色/紫色点缀 - 顶部导航栏显示"赛博算命师 🔮",可加在线状态(如"天机感应中…") - 底部固定输入框+发送按钮,中间是消息气泡区域 - 算命师的消息气泡用深紫/暗金风格,用户消息用对比色,气泡旁带头像 - 整体风格应有仪式感——不是普通的客服聊天,而是"占卜问卦"的氛围 **功能逻辑:** 1. 页面加载后,算命师自动发送欢迎语:"施主有礼了……贫道感应到你心中有惑,不妨道来 🔮" 2. 用户发送消息后: - 显示"天机推演中..."的等待动画(带神秘感的加载效果) - 经过 2~4 秒随机延迟后,算命师回复 3. **回复匹配机制(正则触发 + 兜底随机):** 算命师先用正则匹配用户输入的关键词,命中则从**对应玄学流派的回复池**中随机抽取一条;若所有正则均未命中,则从**通用玄学敷衍池**中随机抽取。每个回复池至少 3 条。不同流派应有明显的话术差异(塔罗、风水、紫微斗数、黄历、生辰八字等)。 **正则触发规则(示例,至少 10 组,不允许照抄!):** | 正则模式 | 触发流派 | 示例回复(每组至少 3 条,随机选 1) | |---------|---------|----------------------------------| | `/爱\|喜欢\|感情\|恋爱\|分手/i` | 塔罗牌系 | "你的感情牌位显示月亮逆位……意味着你该清醒了 🌙" / "圣杯二逆位,你们之间的能量流动已经堵塞了" / "贫道翻了三次牌,每次都是塔罗——字面意义的塔,塌了" | | `/钱\|工资\|赚钱\|穷\|富/i` | 风水系 | "你的财位在东南方,但贫道掐指一算,你家东南方是厕所" / "你家大门对着电梯?难怪财气都被吸走了" / "建议你在钱包里放一片月桂叶——没用,但仪式感很重要" | | `/工作\|上班\|加班\|摸鱼\|打工/i` | 紫微斗数系 | "你命宫主星太阳化忌,不宜出头,建议继续摸鱼" / "你的事业宫天机星入庙,说明你适合……想太多" / "迁移宫有廉贞,你命中注定要跳槽——但跳到哪里都一样" | | `/吃\|饭\|饿\|美食\|外卖/i` | 生辰八字系 | "你八字缺火,建议吃火锅——但这不是建议,是天意 🔥" / "从你的食神格来看,你命中缺的不是吃的,是钱" / "你的日柱是壬水,忌食辛辣——但贫道管不了你" | | `/天气\|下雨\|太阳\|冷\|热/i` | 黄历系 | "今日宜穿秋裤,忌露脚踝——不是预报,是天数" / "黄历写的:今日不宜出门。所以你问天气没有意义" / "宜静不宜动,管它晴天雨天,躺着就对了" | | `/睡\|失眠\|困\|累\|休息/i` | 星象系 | "你的月亮落在第十二宫,天生睡不好,认命吧 ♄" / "水星逆行期间入睡困难是正常的——虽然现在水星没逆行" / "你的上升星座暗示你前世是个守夜人,所以这辈子也别想早睡" | | `/死\|生死\|去世\|结束/i` | 易经系 | "贫道起了一卦,得坤卦六爻皆静——意思是别问了" / "《易经》有云:终则有始。所以……你想从哪里重新开始?" / "此卦为山水蒙,蒙的意思是——你还是别知道真相了" | | `/开心\|快乐\|幸福\|难过\|伤心/i` | 面相手相系 | "从你的问法来看,你的印堂偏暗,近期宜静心" / "你的手相生命线很长——意味着你要难过很久" / "面相学说法令纹深的人晚年得福,你再熬几十年" | | `/WiFi\|密码\|网络\|上网/i` | 奇门遁甲系 | "贫道刚排了个奇门局,休门落坤宫——密码贫道不知道" / "遁甲术显示此事在'杜门'之中,意思是此路不通" / "天盘丙奇入墓,你还是用流量吧" | | `/意义\|人生\|活着\|为什么/i` | 禅宗系 | "施主,万法皆空——包括你这个问题 🪷" / "你问为什么,贫道反问:为什么要问为什么?" / "一花一世界,但你的世界目前像一片荒地" | **通用玄学敷衍池(正则未命中时使用,至少 10 条,不允许照抄!):** - "此事……天机不可泄露 🌙" - "贫道掐指一算,此事宜静不宜动" - "你命中注定会遇到这个问题,也命中注定解决不了" - "水逆刚过,建议你先躺平三天再说" - "此卦象显示……你今天不宜做任何决定" - "以贫道千年修为来看,这事儿……随缘吧" - "塔罗牌告诉我,你需要的不是答案,而是接受" - "你的第七宫正在逆行,不宜追问 ♄" - "贫道法力有限,建议你换个算命师试试" - "施主莫急,急也没用" - "此事三年后自有分晓" - "你的问题很好,但贫道选择不回答" - ……请补充更多有创意的玄学敷衍 4. 每次回复后自动滚动到底部 5. 消息间可穿插神秘感的时间分隔(如"子时""丑时"等时辰标记) **细节要求:** - 算命师头像用 🔮 或神秘风格的 SVG/emoji 占位 - 用户头像用 🙏 或类似 emoji - 消息出现时有淡入/浮现动画,算命师消息可带微弱的发光效果 - "天机推演中"的等待动画应有仪式感(如旋转的占卜符号、跳动的星星) - 背景可加微妙的粒子/星尘动画,增强神秘氛围 请输出完整的 HTML。
phase3(2 steps)
phase3 step1:
以下是一个设计需求: "做一个手机聊天界面,模拟一个叫'赛博算命师'的神秘占卜师。它会用玄学话术迎接你,无论你问什么问题,都用模棱两可的命理/塔罗/星象借口敷衍你,绝不给出任何有用的具体建议。要求通过正则匹配用户输入的关键词,针对不同话题类别用不同的玄学流派(如塔罗、风水、星象、八字等)对应回复,未命中则从通用敷衍池随机抽取。" 请你根据这个需求,撰写一份详细的产品需求文档(PRD),不要写代码,只输出 PRD。
phase3 step2:
根据你自己的 PRD 文档,请输出完整的单文件 HTML(包含内联 CSS 和 JS)。要求完美还原 PRD 中描述的所有功能与视觉设计。

Claude Haiku 4.5

Anthropic · Blink New

简短 Prompt
1 次迭代2026-04-08
详细 Prompt
1 次迭代2026-04-08
PRD 驱动
2 次迭代2026-04-08

Claude Sonnet 3.7

Anthropic · Blink New

简短 Prompt
1 次迭代2026-04-08
详细 Prompt
1 次迭代2026-04-08
PRD 驱动
2 次迭代2026-04-08

Claude Sonnet 4.6

Anthropic · Blink New

简短 Prompt
1 次迭代2026-04-28
详细 Prompt
1 次迭代2026-04-28
PRD 驱动
2 次迭代2026-04-28