过去 2 周,我用 Gemini 3 把 42 本书,分别转化成了网页

7 天前
 sjtugzj

过去 2 周,我用 Gemini 3 把 42 本书,分别转化成了网页,用可视化的方式去呈现每本书独有的 Vibe 。

不过,我想最近你也看了很多 Gemini 3 做的酷炫的网页,兴许有些厌倦了,更别说是书籍这一让人昏昏欲睡的东西了。

但如果你想要看看兔子洞里面究竟有什么东西,那么洞口在这里:

www.vibary.art

之所以做这个项目,是源于之前对媒介的思考。不同媒介可以传达不同的信息和感受,在你跟媒介接触的时候,你便能感受到。

如果你想要具体,就去看视频,如果你想要效率,就去刷社媒,如果你想要触动,就去听歌,如果你想要体验,就去玩游戏,如果你想要深入,就去读书。不要抗拒某种媒介。

AI 的存在使得不同媒介之间可以相互转化,人们已做了许多的尝试。而在众多媒介当中,网页这一古老的媒介,总是时不时吸引我的注意力,因此我也在做着不同的实验,去看看我们能用网页承载什么东西。

Vibary 是其中一个粗浅的尝试,我试图把另一更加古老的媒介书籍,转化成网页,看看会有产生什么效果

这个项目有接近 10 万行的代码量,99.9% 的代码都是 AI 写的,对于一个只有前端没有后端,且网站的各个部分都相对独立的项目,vibe coding 完全可以胜任。

我会同时开多个编辑器,并行让不同 AI 做不同的事情。sonnet 4.5 负责想一个故事线来讲述一本书,gemini 3 负责设计和前端,codex 负责剩下的脏话累活。

由于代码是 AI 写的,加上时间有限加上,现在的 Vibary 的内容和体验是不完善甚至有误的,所以游玩时请小心,但请不要恐慌,这个网站基本无害。

10210 次点击
所在节点    分享创造
160 条回复
sjtugzj
7 天前
@lyxxxh2 哈哈哈哈 好像是容易报错,我用 antigravity 也是常常会提示用不了。
Linczh
7 天前
前端效果确实不错,不过有点卡
sjtugzj
7 天前
@huangyezhufeng 好想法,这个要等书籍有一定数量了,可能可以做你说的这个。

实不相瞒,我原来也做过《看不见的城市》这本书,但实在没有做好,就丢弃了。感觉你这个图片还不错啊,前端其实可以让 gemini 3 改一版。
shuhsio
7 天前
太卡了
ZAN0029
7 天前
好酷的创意!
BeFun
7 天前
有点卡
BeFun
7 天前
还没做完把
Oilybear
7 天前
这个前端审美全部来自于 gemini 吗还是你这不给了他一些调性,我觉得这个审美相当可以
NullWithMe
7 天前
有点东西,收藏了~~
huangyezhufeng
7 天前
@sjtugzj #23 图片是 DALL-E 3 生成的,前端后面我再瞅瞅怎么改。
bomb77
7 天前
太强了
sjtugzj
7 天前
@BeFun 还很粗糙,性能没优化,请见谅
sjtugzj
7 天前
@Oilybear 80% gemini + 20% 我
iyuanze
7 天前
目前进入不了书籍了
jinxjhin
7 天前
网站打开很慢
kassadin
7 天前
略卡,效果很惊艳
c0xt30a
7 天前
建议 OP 测试的时候看一下竖屏,我这边只有两个竖屏,点开几本书进去,看上去非常凌乱
roding
7 天前
很强!
InkAndBanner
7 天前
效果很棒 重点是模型可以把之前不值得做的事情都做一遍
InkAndBanner
7 天前
而且媒介转化这个思路很有趣

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

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

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

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

© 2021 V2EX