V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
evanmo666
V2EX  ›  分享创造

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

  •  
  •   evanmo666 · 3 天前 · 1048 次点击

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

    谢谢大家!

    5 条回复    2025-09-02 10:49:16 +08:00
    esee
        1
    esee  
       1 天前
    这 gpu 占用这么高
    darkway
        2
    darkway  
       1 天前
    gpu 我这里不高啊,m4 max
    evanmo666
        3
    evanmo666  
    OP
       1 天前
    @esee 应该是 WebGL 星空动画搞得太复杂了,我优化一下
    esee
        4
    esee  
       1 天前
    @evanmo666 我的 uhd770 的核显,一打开占用就满了,而且页面特别卡。
    evanmo666
        5
    evanmo666  
    OP
       1 天前
    @esee 好的,感谢提醒
    关于   ·   帮助文档   ·   自助推广系统   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   5392 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 20ms · UTC 03:47 · PVG 11:47 · LAX 20:47 · JFK 23:47
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.