爱意满满的作品展示区。
sjtugzj

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

  sjtugzj · Dec 11, 2025 · 15521 views
This topic created in 330 days ago, the information mentioned may be changed or developed.

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

163 replies  •  2026-01-09 17:50:07 +08:00
1  2  
❮ ❯
szabc
szabc
Dec 12, 2025
101
好想知道你是怎样跟 gemini 沟通的。有记录么,可以发出来看一下么?
hyruleboss
hyruleboss
Dec 12, 2025
102
厉害了 🤙
x2ve
x2ve
Dec 12, 2025
103
有意思啊
user4201
user4201
Dec 12, 2025
104
感觉可以基于这个搞一个平台,让大家都可以来创作
gargar
gargar
Dec 12, 2025
105
还可以这样玩,不同的书不同的风格,都很棒。
voya
voya
Dec 12, 2025
106
收藏了,非常棒的项目
OnceUponATime
OnceUponATime
Dec 12, 2025
107
很好的网站,也很有意义,我感觉会火
ovtfkw
ovtfkw
Dec 12, 2025
108
书呢? 想看 1984 就划了就没了,书的内容没有?
McVander
McVander
Dec 12, 2025
109
这个有点厉害啊
clemente
clemente
Dec 12, 2025
110
是不是挂了
zhaoxixiangban
zhaoxixiangban
Dec 12, 2025
111
好酷啊 ,能开源提示词吗 ? 哈哈哈
kevil
kevil
Dec 12, 2025
112
分享了,大家都说牛逼!
suyuyu
suyuyu
Dec 12, 2025
113
我手中的 gemini 怎么像坨大变一样
JoryJoestar
JoryJoestar
Dec 12, 2025
114
太吊了
mjammer
mjammer
Dec 12, 2025
115
太牛了
duck2
duck2
Dec 12, 2025
116
在公司打开网站好卡,吃内存性能嘛,不过也没占慢,很卡
vincentzlt
vincentzlt
Dec 12, 2025 via iPhone
117
交大老哥吗 加个微信学习一下哈哈
0x663
0x663
Dec 12, 2025
118
好看,非常强烈。
blank0ken
blank0ken
Dec 12, 2025
119
很棒,看了几本以前看过的书的页面,vibe 抓得很准,关键是充分发挥了静态网页这种古老媒介的优势。
test005
test005
Dec 12, 2025
120
太牛了,感觉用的不是同一个 Gemini 3 😭
ddhYr
ddhYr
Dec 12, 2025
121
非常有趣的项目,每本书都是一个上台面的活动界面,牛叉
Tink
Tink
Dec 12, 2025
122
三体这个好牛逼啊


Fzzz02
Fzzz02
Dec 12, 2025
123
太好看了,最喜欢三体,很震撼
MozzieW
MozzieW
Dec 12, 2025
124
打开太卡了,不过我觉得书单不错,好几本是我喜欢的。调试模式抓了一下清单:

1. 科学革命的结构
2. 三体
3. 思考,快与慢
4. 盲眼钟表匠
5. 人类简史:从动物到上帝
6. 银河系漫游指南
7. 原子习惯
8. 色彩互动学
9. 写给大家看的设计书
10. 平面设计中的网格系统
11. 影响力:心理学的六大说服武器
12. 沙丘
13. 平面国:多维的罗曼史
14. 高效能人士的七个习惯
15. 原则:生活和工作
16. 反脆弱
17. 设计心理学
18. 哥德尔、艾舍尔、巴赫:集异璧之大成
19. 故事
20. 卡拉马佐夫兄弟
21. 悉达多
22. 1984
23. 美丽新世界
24. 异类:不一样的成功启示录
25. 魔鬼经济学:揭示隐藏在表象之下的真实世界
26. 引爆点
27. 自私的基因
28. 非对称风险
29. 枪炮、病菌与钢铁
30. 禅与摩托车维修艺术
31. 为什么
32. 娱乐至死
33. 生命 3.0
34. 这是水
35. 瓦尔登湖
36. 非暴力沟通
37. 正义:该做什么是好的?
38. 纳瓦尔宝典
39. 清醒思考的艺术
40. 深度工作
41. 系统之美
42. 国家为什么会失败
luziniuol
luziniuol
Dec 12, 2025
125
好牛逼啊
zficode
zficode
Dec 12, 2025
126
老大哥再看着你
CosmoLau
CosmoLau
Dec 12, 2025
127
公司的破电脑卡爆了😭
nathan618
nathan618
Dec 12, 2025
128
@MozzieW 我也想说楼主选书还挺有品味的,竟然有《悉达多》
BelovedOne
BelovedOne
Dec 12, 2025
129
UI 可能是偶尔生成的,我试了下也很炫酷。
https://codepen.io/winsonwei/pen/yyOwPpm
wKong753900
wKong753900
Dec 12, 2025
130
厉害
wKong753900
wKong753900
Dec 12, 2025
131
网站收藏了
sjtugzj
sjtugzj
OP
Dec 12, 2025
132
@user4201 我在想是开源,让大家一起 PR ,还是搞个 AI coding 的平台
Patrick6
Patrick6
Dec 12, 2025
133
这就是 gemini3 pro 的落地吗,好帅的前端
sjtugzj
sjtugzj
OP
Dec 12, 2025
134
@OnceUponATime V2EX 的大家太好了,我在 X 上发了,无人问津
sjtugzj
sjtugzj
OP
Dec 12, 2025
135
@nathan618 雅俗共赏
sjtugzj
sjtugzj
OP
Dec 12, 2025
136
@BelovedOne 不错的
ge2009
ge2009
Dec 12, 2025
137
真牛逼啊!
qingnichimi
qingnichimi
Dec 12, 2025
138
收藏了
tsutomu
tsutomu
Dec 12, 2025
139
很牛的设计
rick13
rick13
Dec 12, 2025
140
太强了
liquid207
liquid207
Dec 12, 2025
141
太强了,每本书的设计风格都很惊艳,贴合主题
liquid207
liquid207
Dec 12, 2025
142
一个小 bug: GEB 没有中文版,即使右上角已经选中了中文
sjtugzj
sjtugzj
OP
Dec 12, 2025
143
@liquid207 感谢提醒,我忘了,这就加
avenger
avenger
Dec 12, 2025 via iPhone
144
太酷了
54xavier
54xavier
Dec 12, 2025
145
很炫酷,就是有点儿卡
avenger
avenger
Dec 12, 2025
146
这是我最近看到最有意思的项目了,想打赏没找到入口呢
sjtugzj
sjtugzj
OP
Dec 12, 2025
147
@avenger 心意收到了,感谢
annilq
annilq
Dec 13, 2025
148
@BelovedOne UI 设计有什么好提示词推荐吗
annilq
annilq
Dec 13, 2025
149
请问下 UI 的提示词有什么整体规范吗
yuptyy
yuptyy
Dec 13, 2025
150
太棒了!
jiames1969
jiames1969
Dec 13, 2025
151
ai 有效输出,真不错
plane
plane
Dec 13, 2025
152
太赞了
vitality
vitality
Dec 13, 2025
153
相当不错啊
Yiverin
Yiverin
Dec 14, 2025
154
很厉害, 但是似乎有些动画太简单了? 导致动画占据了半页的情况下, 对理解的帮助并不大
yeyu1989
yeyu1989
Dec 14, 2025
155
所以这种个人网页怎么赚钱的,怎么分享出去
annilq
annilq
Dec 15, 2025
157
@BelovedOne #156 谢谢,我看看
xyzgentoo
xyzgentoo
Dec 15, 2025
158
牛!
PersueYan
PersueYan
Dec 16, 2025
159
表达很艺术,适合放朋友圈
kuner0614
kuner0614
Dec 18, 2025
160
留个名,见证一下 AI 前端火出圈的历史时刻
dubstep
dubstep
Jan 4
161
Awesome
coffees
coffees
Jan 9
162
我之前也就想做拆书来着,但没想好变现的方式,你这个好。。。京东的推荐是需要注册吗????
Sosocould
163
大佬能加一下《失控》这本书吗
1  2  
❮ ❯
About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   1784 Online   Highest 6679   ·     Select Language
创意工作者们的社区
World is powered by solitude
VERSION: 3.9.8.5 · 196ms · UTC 15:52 · PVG 23:52 · LAX 07:52 · JFK 10:52
♥ Do have faith in what you're doing.