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

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

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


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

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
    125
luziniuol  
   Dec 12, 2025
好牛逼啊
zficode
    126
zficode  
   Dec 12, 2025
老大哥再看着你
CosmoLau
    127
CosmoLau  
   Dec 12, 2025
公司的破电脑卡爆了😭
nathan618
    128
nathan618  
   Dec 12, 2025
@MozzieW 我也想说楼主选书还挺有品味的,竟然有《悉达多》
BelovedOne
    129
BelovedOne  
   Dec 12, 2025
UI 可能是偶尔生成的,我试了下也很炫酷。
https://codepen.io/winsonwei/pen/yyOwPpm
wKong753900
    130
wKong753900  
   Dec 12, 2025
厉害
wKong753900
    131
wKong753900  
   Dec 12, 2025
网站收藏了
sjtugzj
    132
sjtugzj  
OP
   Dec 12, 2025
@user4201 我在想是开源,让大家一起 PR ,还是搞个 AI coding 的平台
Patrick6
    133
Patrick6  
   Dec 12, 2025
这就是 gemini3 pro 的落地吗,好帅的前端
sjtugzj
    134
sjtugzj  
OP
   Dec 12, 2025
@OnceUponATime V2EX 的大家太好了,我在 X 上发了,无人问津
sjtugzj
    135
sjtugzj  
OP
   Dec 12, 2025
@nathan618 雅俗共赏
sjtugzj
    136
sjtugzj  
OP
   Dec 12, 2025
@BelovedOne 不错的
ge2009
    137
ge2009  
   Dec 12, 2025
真牛逼啊!
qingnichimi
    138
qingnichimi  
   Dec 12, 2025
收藏了
tsutomu
    139
tsutomu  
   Dec 12, 2025
很牛的设计
rick13
    140
rick13  
   Dec 12, 2025
太强了
liquid207
    141
liquid207  
   Dec 12, 2025
太强了,每本书的设计风格都很惊艳,贴合主题
liquid207
    142
liquid207  
   Dec 12, 2025
一个小 bug: GEB 没有中文版,即使右上角已经选中了中文
sjtugzj
    143
sjtugzj  
OP
   Dec 12, 2025
@liquid207 感谢提醒,我忘了,这就加
avenger
    144
avenger  
   Dec 12, 2025 via iPhone
太酷了
54xavier
    145
54xavier  
   Dec 12, 2025
很炫酷,就是有点儿卡
avenger
    146
avenger  
   Dec 12, 2025
这是我最近看到最有意思的项目了,想打赏没找到入口呢
sjtugzj
    147
sjtugzj  
OP
   Dec 12, 2025
@avenger 心意收到了,感谢
annilq
    148
annilq  
   Dec 13, 2025
@BelovedOne UI 设计有什么好提示词推荐吗
annilq
    149
annilq  
   Dec 13, 2025
请问下 UI 的提示词有什么整体规范吗
yuptyy
    150
yuptyy  
   Dec 13, 2025
太棒了!
jiames1969
    151
jiames1969  
   Dec 13, 2025
ai 有效输出,真不错
plane
    152
plane  
   Dec 13, 2025
太赞了
vitality
    153
vitality  
   Dec 13, 2025
相当不错啊
Yiverin
    154
Yiverin  
   Dec 14, 2025
很厉害, 但是似乎有些动画太简单了? 导致动画占据了半页的情况下, 对理解的帮助并不大
yeyu1989
    155
yeyu1989  
   Dec 14, 2025
所以这种个人网页怎么赚钱的,怎么分享出去
BelovedOne
    156
BelovedOne  
   Dec 14, 2025   ❤️ 2
annilq
    157
annilq  
   Dec 15, 2025
@BelovedOne #156 谢谢,我看看
xyzgentoo
    158
xyzgentoo  
   Dec 15, 2025
牛!
PersueYan
    159
PersueYan  
   Dec 16, 2025
表达很艺术,适合放朋友圈
kuner0614
    160
kuner0614  
   Dec 18, 2025
留个名,见证一下 AI 前端火出圈的历史时刻
dubstep
    161
dubstep  
   Jan 4
Awesome
HRTops
    162
HRTops  
   Jan 9
我之前也就想做拆书来着,但没想好变现的方式,你这个好。。。京东的推荐是需要注册吗????
Sosocould
    163
Sosocould  
   Jan 9
大佬能加一下《失控》这本书吗
1  2  
About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   5899 Online   Highest 6679   ·     Select Language
创意工作者们的社区
World is powered by solitude
VERSION: 3.9.8.5 · 180ms · UTC 02:54 · PVG 10:54 · LAX 19:54 · JFK 22:54
♥ Do have faith in what you're doing.