过去 2 周，我用 Gemini 3 把 42 本书，分别转化成了网页，用可视化的方式去呈现每本书独有的 Vibe 。
不过，我想最近你也看了很多 Gemini 3 做的酷炫的网页，兴许有些厌倦了，更别说是书籍这一让人昏昏欲睡的东西了。
但如果你想要看看兔子洞里面究竟有什么东西，那么洞口在这里：
之所以做这个项目，是源于之前对媒介的思考。不同媒介可以传达不同的信息和感受，在你跟媒介接触的时候，你便能感受到。
如果你想要具体，就去看视频，如果你想要效率，就去刷社媒，如果你想要触动，就去听歌，如果你想要体验，就去玩游戏，如果你想要深入，就去读书。不要抗拒某种媒介。
AI 的存在使得不同媒介之间可以相互转化，人们已做了许多的尝试。而在众多媒介当中，网页这一古老的媒介，总是时不时吸引我的注意力，因此我也在做着不同的实验，去看看我们能用网页承载什么东西。
Vibary 是其中一个粗浅的尝试，我试图把另一更加古老的媒介书籍，转化成网页，看看会有产生什么效果
这个项目有接近 10 万行的代码量，99.9% 的代码都是 AI 写的，对于一个只有前端没有后端，且网站的各个部分都相对独立的项目，vibe coding 完全可以胜任。
我会同时开多个编辑器，并行让不同 AI 做不同的事情。sonnet 4.5 负责想一个故事线来讲述一本书，gemini 3 负责设计和前端，codex 负责剩下的脏话累活。
由于代码是 AI 写的，加上时间有限加上，现在的 Vibary 的内容和体验是不完善甚至有误的，所以游玩时请小心，但请不要恐慌，这个网站基本无害。
 |
101
yiroonli 2 天前
好想知道你是怎样跟 gemini 沟通的。有记录么，可以发出来看一下么？
|
 |
102
zoezz 2 天前
厉害了 🤙
|
 |
103
x2ve 2 天前
有意思啊
|
 |
104
user4201 2 天前
感觉可以基于这个搞一个平台，让大家都可以来创作
|
 |
105
gargar 2 天前
还可以这样玩，不同的书不同的风格，都很棒。
|
 |
106
voya 2 天前
收藏了，非常棒的项目
|
 |
107
OnceUponATime 2 天前
很好的网站，也很有意义，我感觉会火
|
 |
108
ovtfkw 2 天前
书呢? 想看 1984 就划了就没了,书的内容没有?
|
 |
109
McVander 2 天前
这个有点厉害啊
|
 |
110
clemente 2 天前
是不是挂了
|
 |
111
zhaoxixiangban 2 天前
好酷啊 ，能开源提示词吗 ？ 哈哈哈
|
 |
112
kevil 2 天前
分享了，大家都说牛逼！
|
 |
113
suyuyu 2 天前
我手中的 gemini 怎么像坨大变一样
|
 |
114
JoryJoestar 2 天前
太吊了
|
 |
115
mjammer 2 天前
太牛了
|
 |
116
duck2 2 天前
在公司打开网站好卡，吃内存性能嘛，不过也没占慢，很卡
|
 |
117
vincentzlt 2 天前 via iPhone
交大老哥吗 加个微信学习一下哈哈
|
 |
118
0x663 2 天前
好看，非常强烈。
|
 |
119
blank0ken 2 天前
很棒，看了几本以前看过的书的页面，vibe 抓得很准，关键是充分发挥了静态网页这种古老媒介的优势。
|
 |
120
test005 2 天前
太牛了，感觉用的不是同一个 Gemini 3 😭
|
 |
121
aoyi 2 天前
非常有趣的项目，每本书都是一个上台面的活动界面，牛叉
|
 |
122
Tink PRO 三体这个好牛逼啊
 |
 |
123
Fzzz02 2 天前
太好看了，最喜欢三体，很震撼
|
 |
124
MozzieW 2 天前
打开太卡了，不过我觉得书单不错，好几本是我喜欢的。调试模式抓了一下清单：
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. 国家为什么会失败 |
 |
125
luziniuol 2 天前
好牛逼啊
|
 |
126
zficode 2 天前
老大哥再看着你
|
 |
127
CosmoLau 2 天前
公司的破电脑卡爆了😭
|
 |
129
BelovedOne 2 天前
UI 可能是偶尔生成的，我试了下也很炫酷。
https://codepen.io/winsonwei/pen/yyOwPpm |
 |
130
wKong753900 2 天前
厉害
|
|
131
wKong753900 2 天前
网站收藏了
|
 |
133
Patrick6 2 天前
这就是 gemini3 pro 的落地吗，好帅的前端
|
 |
134
sjtugzj OP @OnceUponATime V2EX 的大家太好了，我在 X 上发了，无人问津
|
|
136
sjtugzj OP @BelovedOne 不错的
|
 |
137
ge2009 2 天前
真牛逼啊！
|
 |
138
qingnichimi 2 天前
收藏了
|
 |
139
tsutomu 2 天前
很牛的设计
|
 |
140
rick13 2 天前
太强了
|
 |
141
liquid207 2 天前
太强了，每本书的设计风格都很惊艳，贴合主题
|
|
142
liquid207 2 天前
一个小 bug: GEB 没有中文版，即使右上角已经选中了中文
|
 |
144
avenger 2 天前 via iPhone
太酷了
|
 |
145
54xavier 2 天前
很炫酷，就是有点儿卡
|
|
146
avenger 2 天前
这是我最近看到最有意思的项目了，想打赏没找到入口呢
|
 |
148
annilq 1 天前
@BelovedOne UI 设计有什么好提示词推荐吗
|
|
149
annilq 1 天前
请问下 UI 的提示词有什么整体规范吗
|
 |
150
yuptyy 1 天前
太棒了!
|
 |
151
jiames1969 1 天前
ai 有效输出，真不错
|
 |
152
plane 1 天前
太赞了
|
 |
153
vitality 1 天前
相当不错啊
|
 |
154
Yiverin 17 小时 7 分钟前
很厉害, 但是似乎有些动画太简单了? 导致动画占据了半页的情况下, 对理解的帮助并不大
|
 |
155
yeyu1989 7 小时 31 分钟前
所以这种个人网页怎么赚钱的，怎么分享出去
|
|
156
BelovedOne 3 小时 48 分钟前
|
Select Language