即刻App年轻人的同好社区
下载
最近陆续看到看多关于「互动内容」的讨论和产品，我对此挺感兴趣的，不过目前没有看到一个可以「刷」得起来的产品。
## 这看似是一个很有意思的方向：
1. 软件的分发是否有可能发生改变？我们已经用推荐引擎来分发内容了，是否可以同样的方式来分发网站。
2. 把长媒介变成短媒介会怎么样？从博客变成微博，从长视频变成短视频，消费和创作变简单了，如果把「长网站」变成「短网站」呢？
3. 可编程的社交媒体。现有的社交媒体，用户与用户之间的互动形式都是平台规定的，目前互动的形式相对单一，如果可以由用户自定义可编程呢？
如果世界上所有人都可以编程，并且可以在1秒内写下1000行代码，会怎么样？
4. Alan Kay 说：软件是一种元媒介。软件可以包含其它媒介，其它媒介能干能表达的事情，软件都能做。麦克卢汉说：媒介即信息。短视频是一种热媒介，而软件是一种冷媒介。
还有很多视角可以看待这件事情，在此就不展开了。
## 但需要回答：
1. 媒介的竞争。一个人为什么不去刷短视频/小红书，而来刷互动内容呢？甚至有些互动内容做成视频反而更好。
2.交互究竟有什么用？
交互是有害的。Bret Victor 在文章 Magic Ink 中将软件分为：操作型软件，信息型软件。信息型软件应减少交互，而应该用可视化的方式呈现，眼睛比手快。
交互当然有价值，但引入交互增加的认知成本，需要加倍的回报。多邻国是一个好实践。
## 一些尝试和实践
在这波 AI 以前其实就有很多把「软件作为内容」的尝试了。
1. 点击按钮随机进入一个网页：
clicktheredbutton.com
2. 可探索解释，这是bret victotr提出的一个概念。这些例子将交互作为内容的一部分，不过他们不是短内容，而是长内容：
explorabl.es
neal.fun
ncase.me
pudding.cool
3. 每张卡片是一个游戏
[Make and post games, all on your phone.](castle.xyz)
AI 出现后，又有了一堆产品：
4. 短内容 APP：Gizmo（目前看到做得最好的，但是很难刷得起来），Aippy
5. 灵光：在AI的回复里面增加了一些可视化的部分，也可以有一些交互，但是效果比较一般
6. vibary.art，这是我前不久做的一个项目，用网页来呈现书籍的内容，这个也是长内容
如果你去尝试上面的产品，你会发现部分的内容还是不错的，但就是很难刷起来。
现在的这些形态，会有一些用户会去玩一玩的，但是很难进一步扩大用户群，除非它们的产品形态有进一步的创新。
## 这看似是一个很有意思的方向：
1. 软件的分发是否有可能发生改变？我们已经用推荐引擎来分发内容了，是否可以同样的方式来分发网站。
2. 把长媒介变成短媒介会怎么样？从博客变成微博，从长视频变成短视频，消费和创作变简单了，如果把「长网站」变成「短网站」呢？
3. 可编程的社交媒体。现有的社交媒体，用户与用户之间的互动形式都是平台规定的，目前互动的形式相对单一，如果可以由用户自定义可编程呢？
如果世界上所有人都可以编程，并且可以在1秒内写下1000行代码，会怎么样？
4. Alan Kay 说：软件是一种元媒介。软件可以包含其它媒介，其它媒介能干能表达的事情，软件都能做。麦克卢汉说：媒介即信息。短视频是一种热媒介，而软件是一种冷媒介。
还有很多视角可以看待这件事情，在此就不展开了。
## 但需要回答：
1. 媒介的竞争。一个人为什么不去刷短视频/小红书，而来刷互动内容呢？甚至有些互动内容做成视频反而更好。
2.交互究竟有什么用？
交互是有害的。Bret Victor 在文章 Magic Ink 中将软件分为：操作型软件，信息型软件。信息型软件应减少交互，而应该用可视化的方式呈现，眼睛比手快。
交互当然有价值，但引入交互增加的认知成本，需要加倍的回报。多邻国是一个好实践。
## 一些尝试和实践
在这波 AI 以前其实就有很多把「软件作为内容」的尝试了。
1. 点击按钮随机进入一个网页：
clicktheredbutton.com
2. 可探索解释，这是bret victotr提出的一个概念。这些例子将交互作为内容的一部分，不过他们不是短内容，而是长内容：
explorabl.es
neal.fun
ncase.me
pudding.cool
3. 每张卡片是一个游戏
[Make and post games, all on your phone.](castle.xyz)
AI 出现后，又有了一堆产品：
4. 短内容 APP：Gizmo（目前看到做得最好的，但是很难刷得起来），Aippy
5. 灵光：在AI的回复里面增加了一些可视化的部分，也可以有一些交互，但是效果比较一般
6. vibary.art，这是我前不久做的一个项目，用网页来呈现书籍的内容，这个也是长内容
如果你去尝试上面的产品，你会发现部分的内容还是不错的，但就是很难刷起来。
现在的这些形态，会有一些用户会去玩一玩的，但是很难进一步扩大用户群，除非它们的产品形态有进一步的创新。
31 1412
如果你能对每条IM消息进行编程。
事情的起因是，今天打算发送一张图片给微信好友，但是担心对方在上班，万一当众把图片打开就社死了。
于是想到，要是IM软件可以让你在发送图片的时候，自定义图片的显示效果就好了，例如对方看到图片是有一层模糊效果的，需要手指滑动才能看到原图片。
这个时候灵光一现，何必只是图片呢，只是这个效果呢？如果对于每一条消息，用户都能选择如何显示以及会有什么效果呢？
用户在发送消息时，可以由AI推荐效果，也能由用户自己输入。接着 AI 就可以根据文字描述写好代码，最好代码就能随消息一起发送出去，并显示在屏幕上。
有了这个想法后，就在 ai studio 上让 gemini 写了一个 demo，就是视频的这个样子了。
事情的起因是，今天打算发送一张图片给微信好友，但是担心对方在上班，万一当众把图片打开就社死了。
于是想到，要是IM软件可以让你在发送图片的时候，自定义图片的显示效果就好了，例如对方看到图片是有一层模糊效果的，需要手指滑动才能看到原图片。
这个时候灵光一现，何必只是图片呢，只是这个效果呢？如果对于每一条消息，用户都能选择如何显示以及会有什么效果呢？
用户在发送消息时，可以由AI推荐效果，也能由用户自己输入。接着 AI 就可以根据文字描述写好代码，最好代码就能随消息一起发送出去，并显示在屏幕上。
有了这个想法后，就在 ai studio 上让 gemini 写了一个 demo，就是视频的这个样子了。
01:00
58 1615
「语言即世界」「对于不可说的，我们必须保持沉默」这两句出自维特根斯坦的《逻辑哲学论》，属于早期哲学。
在语言模型出现后，人们热衷于引用这两句话，却不知维特根斯坦在其后期哲学《哲学研究》中反驳了早期哲学。
------
在早期哲学中，维特根斯坦认为，语言与世界两者都有一种结构，语言的某层结构都对应着世界的某层结构（图1）。
道德和美学，无法在世界中找到对应的实体，因此是不可言说的。但他认为这些不可言说之物，比可言说之物更为重要。
引用「语言即世界」的人，或许认为道德和美学也在语言当中，但如果其认可维的早期哲学，也当同样认可道德与美学不可言说。
但是早期哲学有一些出发点是错误的，因此结论可能也是有问题的。
------
在后期哲学《哲学研究》中，维特根斯坦提出了「语言游戏」「家族相似」。
语言游戏说的是意义在于使用，语言不在于它对应的物体，而在于它是如何被使用的。
家族相似说的大概是语言现象之间并没有一个共同的本质，“知识”“游戏”的本质是什么？当你试图下定义时，往往会有不在你定义之内，却依然称之为“知识”“游戏”的东西。
------
很少有人去反驳维特根斯坦的早期哲学，因为维特根斯坦自己已经反驳了。
在语言模型出现后，人们热衷于引用这两句话，却不知维特根斯坦在其后期哲学《哲学研究》中反驳了早期哲学。
------
在早期哲学中，维特根斯坦认为，语言与世界两者都有一种结构，语言的某层结构都对应着世界的某层结构（图1）。
道德和美学，无法在世界中找到对应的实体，因此是不可言说的。但他认为这些不可言说之物，比可言说之物更为重要。
引用「语言即世界」的人，或许认为道德和美学也在语言当中，但如果其认可维的早期哲学，也当同样认可道德与美学不可言说。
但是早期哲学有一些出发点是错误的，因此结论可能也是有问题的。
------
在后期哲学《哲学研究》中，维特根斯坦提出了「语言游戏」「家族相似」。
语言游戏说的是意义在于使用，语言不在于它对应的物体，而在于它是如何被使用的。
家族相似说的大概是语言现象之间并没有一个共同的本质，“知识”“游戏”的本质是什么？当你试图下定义时，往往会有不在你定义之内，却依然称之为“知识”“游戏”的东西。
------
很少有人去反驳维特根斯坦的早期哲学，因为维特根斯坦自己已经反驳了。
16 33
过去 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 的内容和体验是不完善甚至有误的，所以游玩时请小心，但请不要恐慌，这个网站基本无害。
不过，我想最近你也看了很多 Gemini 3 做的酷炫的网页，兴许有些厌倦了，更别说是书籍这一让人昏昏欲睡的东西了。
但如果你想要看看兔子洞里面究竟有什么东西，那么洞口在这里：
www.vibary.art
之所以做这个项目，是源于之前对媒介的思考。不同媒介可以传达不同的信息和感受，在你跟媒介接触的时候，你便能感受到。
如果你想要具体，就去看视频，如果你想要效率，就去刷社媒，如果你想要触动，就去听歌，如果你想要体验，就去玩游戏，如果你想要深入，就去读书。不要抗拒某种媒介。
AI 的存在使得不同媒介之间可以相互转化，人们已做了许多的尝试。而在众多媒介当中，网页这一古老的媒介，总是时不时吸引我的注意力，因此我也在做着不同的实验，去看看我们能用网页承载什么东西。
Vibary 是其中一个粗浅的尝试，我试图把另一更加古老的媒介书籍，转化成网页，看看会有产生什么效果
这个项目有接近10万行的代码量， 99.9% 的代码都是 AI 写的，对于一个只有前端没有后端，且网站的各个部分都相对独立的项目，vibe coding 完全可以胜任。
我会同时开多个编辑器，并行让不同 AI 做不同的事情。sonnet 4.5 负责想一个故事线来讲述一本书，gemini 3 负责设计和前端，codex 负责剩下的脏话累活。
由于代码是AI写的，加上时间有限加上，现在的 Vibary 的内容和体验是不完善甚至有误的，所以游玩时请小心，但请不要恐慌，这个网站基本无害。
01:29
50 2419
耗费1000万做的一个网页动画
用 vibe coding做一个堆叠卡片展开的动画，花了我1000万token，以及一天的时间。
看似简单，没想到 Al一写全是各种小bug，来来回回让 AI修了多次才变成现在这个样子。
用 vibe coding做一个堆叠卡片展开的动画，花了我1000万token，以及一天的时间。
看似简单，没想到 Al一写全是各种小bug，来来回回让 AI修了多次才变成现在这个样子。
00:13
21 13
Prompt：
hey，我想要做一个实验性项目，我希望为每一本书都构建一个独一无二的网页，拒绝结构化的网页，每一个网页都应该符合对应书籍书的Vibe。
你应当充分发挥网页的特性，打造具有美感和互动性的网页体验：
1. 核心机制即叙事，不要只用文字解释概念，要让用户通过交互去领悟；
2. 氛围优先于信息，首屏 (Hero) 的首要任务不是传达信息，而是确立基调。用户在阅读第一个字之前，就应该通过色彩、动效和排版感受到书的情绪；
3. 拒绝通用导航，导航栏不应该是一个跳出内容的工具，而应该是世界观的一部分；
4. 结构服从内容，不同的书籍类型需要完全不同的页面结构；
我希望用户在与这个网页互动的时候，不仅能够了解一本书的内容，还能有一些情感上的触动。
这个网站不是要取代阅读，而是希望激发用户的阅读兴趣。
接下来，请你帮我开发这个项目吧。
hey，我想要做一个实验性项目，我希望为每一本书都构建一个独一无二的网页，拒绝结构化的网页，每一个网页都应该符合对应书籍书的Vibe。
你应当充分发挥网页的特性，打造具有美感和互动性的网页体验：
1. 核心机制即叙事，不要只用文字解释概念，要让用户通过交互去领悟；
2. 氛围优先于信息，首屏 (Hero) 的首要任务不是传达信息，而是确立基调。用户在阅读第一个字之前，就应该通过色彩、动效和排版感受到书的情绪；
3. 拒绝通用导航，导航栏不应该是一个跳出内容的工具，而应该是世界观的一部分；
4. 结构服从内容，不同的书籍类型需要完全不同的页面结构；
我希望用户在与这个网页互动的时候，不仅能够了解一本书的内容，还能有一些情感上的触动。
这个网站不是要取代阅读，而是希望激发用户的阅读兴趣。
接下来，请你帮我开发这个项目吧。
14 36
