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

6 天前
 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 的内容和体验是不完善甚至有误的,所以游玩时请小心,但请不要恐慌,这个网站基本无害。

10141 次点击
所在节点    分享创造
159 条回复
yuuluu
6 天前
gemini 这前端能力真强啊
w88975
6 天前
做的不错, 我更想知道, 基本全部都是 vibe coding 做出来的网页, 为什么你做出来的 UX/UI 能这么牛逼, 有什么提示词或者技巧吗
ga9
6 天前
有惊喜,有艺术表达,真不错
sjtugzj
6 天前
@w88975 最强大的模型,往往采用最简单的提示方式
sjtugzj
6 天前
@ga9 文艺复兴
sjtugzj
6 天前
@yuuluu 真的,和其它模型不是一个水平的
craftsmanship
6 天前
这也太猛了
ynxh
6 天前
真不错啊,求开源
lxdlam
6 天前
这个有点意思,点赞
sjtugzj
6 天前
@lxdlam 感谢
sjtugzj
6 天前
@ynxh 书籍是属于人类共同的财产,我有考虑过,但是自己没有维护过开源项目,目前还是先闭圆,时机成熟后再开源。
muyi
6 天前
网站非常惊艳,收藏了……很好奇,每本书的不同网页风格,是 AI 根据书的内容生成的吗?
Amber2011
6 天前
挺有意思的,多本书之间还有点联动,但是可视化的网页只能承载部分信息,适合做导读.
lyxxxh2
6 天前
Gemini 3 前端确实强,但是 api key 经常出问题,恶心了。
明明没到限制,偶尔能用,很慢,我忍了。
但是经常抽风,根本没法用。


Katrol
6 天前
在公司打开网站好卡
huangyezhufeng
6 天前
做得很好,赞!楼主后续有考虑做下按作者来分别游览书籍吗,比如每个作者的书籍在一个 Subspace 这种。比如卡尔维诺和王小波的书各自在一个 Space ,然后他们之间也可以有 link 这种。感觉这样也会很有意思。

另外放一下直接做的一个关于《看不见的城市》的可视化站点: https://calvino.datahonor.com/city, 当时的目标是做成楼主这种科技和文学碰撞的感觉,但确实水平有限,就只能做成这样了:)
mscsky
6 天前
太牛了,特别是三体
LASockpuppet
6 天前
太棒了,这不比直接看书更有有意思
Razio
6 天前
怎一个牛皮🐮了得
sjtugzj
6 天前
@muyi 对的,AI 会根据每本书的内容,去设计视觉风格

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

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

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

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

© 2021 V2EX