周末纯粹因为好玩,想实验一下现在用 AI 能在多大程度上创造一个完整的网站。 于是就有了这个项目:YesOrNoTarot
体验地址: https://yesornotarot.me/
心功能:快速问答 用户可以通过一个简单的流程,为自己心中的问题获得指引:
提出问题 (Ask a Question): 用户访问网站后,首先需要心中默想或输入一个可以用“是”或“否”来回答的问题(例如:“我今天应该去健身吗?”)。
抽取卡牌 (Draw a Card): 接着,用户点击屏幕上的虚拟牌堆来抽取一张塔罗牌。
获得答案 (Get an Answer): 网站会展示一张翻开的塔罗牌,并根据这张牌的传统寓意,给出一个明确的“是”或“否”(有时也可能是“不确定”或“重新思考”)的答案。
阅读解读 (Read the Interpretation): 在答案下方,网站还会提供一段简短的文字,解释为什么这张牌会对应这个结果,为答案提供一些背景和深度。
初衷: 这个项目可以说 90% 是由 AI 驱动的。我主要是想看看,作为一个“胶水工程师”,在 AI 的帮助下,把一个想法变成上线的产品到底能有多快。
整个过程有点像是我在给 AI 当“产品经理”:
用 Claude 帮我写核心的 React 组件和 CSS 动画;
用 Midjourney 生成了目前版本的卡牌图片;(这部分还在持续设计中,目前还只是临时版本)
甚至连塔罗牌的解释文案,也是让 AI 写的。
主题上,我选了个有点“玄学”的塔罗牌,但大家完全可以把它当成一个“AI 生成物”的展示,或者一个设计精美的“抛硬币”工具。
特点:
极简设计: 整体风格也是和 AI 一起调整出来的。
无需注册: 没有任何登录、注册流程,也没有广告和追踪器。
速度飞快: 追求极致的加载和响应速度。
技术栈: AI 工具:Claude, Midjourney (这里你可以换成你实际用的工具) 其他:React + Tailwind CSS ,部署在 cloudflare pages 上。
欢迎大家体验,也很好奇大家对这种开发模式有什么看法,欢迎一起讨论!
P.S. 目前网站里的卡牌设计还比较初级,算是一个临时占位符。我还在尝试用 AI 生成一些更有趣、风格更统一的设计。大家如果对卡牌的设计风格有什么想法或者建议,也非常欢迎交流!
准备加入 ai 解读塔罗牌的设计
谢谢大家!