[免登录免注册] 纯好玩,一个 90% 由 AI 构建的“玄学”网站

5 天前
 evanmo666

周末纯粹因为好玩,想实验一下现在用 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 解读塔罗牌的设计

谢谢大家!

1194 次点击
所在节点    分享创造
5 条回复
esee
3 天前
这 gpu 占用这么高
darkway
3 天前
gpu 我这里不高啊,m4 max
evanmo666
3 天前
@esee 应该是 WebGL 星空动画搞得太复杂了,我优化一下
esee
3 天前
@evanmo666 我的 uhd770 的核显,一打开占用就满了,而且页面特别卡。
evanmo666
2 天前
@esee 好的,感谢提醒

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://ex.noerr.eu.org/t/1155952

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX