shadcn 大概没想到,自己随手写的一条推文,会变成过去一周 AI 圈里最热闹的一场架。
6 月 28 日,这位 shadcn/ui 的创建者、Vercel 生态核心人物在 X 上发了一段长文。19 万人看了,1400 人点赞,87 条评论——然后评论区直接炸开。
OpenAI 工程师 Dominic Gannaway 第一个跳出来:
"I cannot stand Slack besides huddles."
「除了 huddles,我受不了 Slack 的一切。」
前 React 核心贡献者、现 OpenAI 前端工程师,直接表态反对。
但争议归争议,shadcn 这条推文说了什么,让这么多人坐不住?



▲ shadcn 推文全文,19.3 万次浏览,1400+ 点赞
三个面板,一个形状
shadcn 的观察其实很直觉——
打开你手机和电脑上最常用的那些应用,对比两年前的样子。你会发现一个趋势:它们的界面正在长成同一副模样。
"They're all converging on the same three panels. An explorer on the left. A chat in the middle. A preview on the right."
「它们都在向同样的三个面板收敛。左侧是资源浏览器,中间是聊天,右侧是预览。」
左边一栏放文件、频道、项目列表——你的资源。中间一栏是对话框——你的指令台。右边一栏是实时输出——你的预览窗。
再看正在被造出来的新应用。形状都一样。
shadcn 一针见血地指出了原型:那就是 Slack。
你的团队怎么工作的?工作从 Slack 开始,也在 Slack 里发生。你切出去打开别的标签页,只有两种原因——上下文和界面操作。上下文,因为需要的数据在别的地方。界面,因为有些任务需要按钮、表格、仪表盘。
然后 shadcn 抛出了关键判断——
"An agent collapses both into one app."
「Agent 会把这两者折叠进一个应用。」
上下文?Agent 已经很擅长了,它能去获取你要的任何信息。界面?它正在学会就地构建按钮。很快,你工作的地方就是你用工具的地方,不再需要切换。
推文的收尾格外刺眼:
"Whoever nails this shape owns where work happens next. The 2030 Microsoft Office."
「谁掌握这种形态,谁就拥有下一个工作发生的地方——2030 年的 Microsoft Office。」
Karpathy 早几天就说过类似的话
有意思的是,shadcn 这条推文发出前四天,Karpathy 已经从另一个方向描述了同一件事。
6 月 23 日,这位前 OpenAI / Tesla AI 总监发了一条影响更大的帖子——2.3 万人点赞,750 万次浏览。他聊的是 Claude 以"Tag"形式加入 Slack 的新体验。


▲ Karpathy 推文,2.3 万赞,750 万次浏览
"Imo this is the 3rd major redesign of LLM UIUX. The first paradigm was that the LLM is a website you go to, the second was that it is an app you download to your computer. This third one is that it is a self-contained, persistent, asynchronous entity with org-wide tools and context, working alongside teams of humans."
「在我看来,这是 LLM UI/UX 的第三次重大变革。第一个范式是你去访问的网站,第二个是你下载到电脑上的应用。第三个——它是一个自包含的、持久的、异步的实体,拥有整个组织的工具和上下文,与人类团队并肩工作。」
把两个人的话拼在一起看:
Karpathy 描述了实体变化——AI 从工具变成了队友。shadcn 描述了界面变化——这个队友住在哪种形状的房间里。
答案是同一个:三栏工作空间。左边放资源和上下文入口,中间是你和 Agent 对话的地方,右边是 Agent 实时生成的结果。
打开 Cursor、Lovable、v0——全都长这样
理论说完了,证据呢?打开三个当下最火的 AI 产品,答案不言自明。
Cursor,2026 年最火的 AI 编程 IDE。打开它的界面:左侧是文件树和项目索引(资源),中间是 Composer/Agent 聊天面板(对话),右侧是代码编辑器和运行结果(预览)。Stripe、OpenAI、NVIDIA、Adobe 都在用它。

▲ Cursor 首页——左侧任务列表、中间 Agent 对话、右侧代码预览,标准三栏
更耐人寻味的一个细节:Cursor 官网上的推荐语里,就有 shadcn 本人——"The single most useful AI tool I've paid for."(我付费过的最有用的 AI 工具。)观察者和被观察者在这里重叠了。
Lovable,AI 驱动的全栈应用构建器。首页一个大聊天框,输入你的想法,右侧实时渲染出完整的网站或 App。"描述想法 → 看着它成型 → 迭代反馈"——典型的 chat + preview 双轴结构。
v0 by Vercel,shadcn 自己参与的产品。"What do you want to create?"——一个 prompt 输入框居中,下方是模板和生成结果的预览网格。Prompt → Build → Publish,整条链路都被装进了聊天驱动的三栏里。
三个产品,三条赛道(编程、建站、设计),却用了同一种界面范式。巧合吗?
这个布局其实 30 年前就有了
评论区一位叫 Eugene 的开发者贴了一个 Wikipedia 链接——mIRC。
90 年代的 IRC 客户端就已经是三栏:左边频道列表,中间聊天窗口,右边用户列表和信息面板。Outlook 也是:左边文件夹树,中间邮件列表,右边阅读区。
三栏布局从来不新鲜。真正新的是中间那栏里住着谁。
以前中间是被动的消息流。现在中间是一个能理解上下文、调用工具、动态生成界面的 Agent。聊天窗口从"你说我听"变成了"你说我做"。
这才是 shadcn 那条推文真正戳到的痛点——形态没变,但形态里装的东西彻底变了。
他在造自己预言的砖
如果说 shadcn 只是在推特上"嘴炮",那事情还没这么有意思。关键在于:他正在亲手构建让这个预言成真的工具。

▲ shadcn/ui——GitHub 11.8 万星,首页已经把 Chat 组件放在了最醒目的位置
shadcn/ui 是目前 React 生态最受欢迎的组件库之一,GitHub 上 11.8 万星。最近他发布了一系列专门为聊天场景设计的组件:LLM message primitives(大模型消息原语)、scroll-fade(滚动渐隐)、shimmer(闪烁加载态)、streaming chat 规则——他甚至为"聊天窗口的滚动行为"整理了 15 条工程原则,核心思想是"永远不要违背读者的阅读意图去移动内容"。
加上之前就有的 Sidebar(侧边栏)区块——左侧导航的成熟方案——和各种 Dashboard 模板,shadcn/ui 基本上把"左资源 + 中聊天 + 右预览"这个形态的所有积木都备齐了。
观察者、工具制造者、产品参与者,三重身份叠在一个人身上。他不只是在预测趋势——他在为这个趋势铺路。有人管这叫"自我实现的预言",但更准确的说法可能是:他离产线最近,所以他看得最早。
反对的声音也很大
回到评论区。反对声可以分成三类。
第一类:Slack 本身就不好用。Dominic Gannaway 直接说受不了 Slack,他之前在 Meta 用 Workplace 有类似的糟糕体验。消息堆积、搜索难用、通知噪音——很多人只是因为"别人都在用"才忍受 Slack,而非真心喜欢。
第二类:收敛意味着放弃创新。一个叫 Omar(@bloeys)的开发者说得更犀利:
"uninspiring... everyone is copying... BlackBerry photocopies"
「毫无灵感……所有人在互抄……黑莓时代的复印件。」
他呼吁行业需要 iPhone 级别的界面跳跃——大胆做完全不同的东西,而非所有人挤进同一个模具。
第三类:聊天解决不了一切。一位开发者 Felipe 质疑 super app 的可行性,用了一个扎心的比喻——"厨师不需要烤箱+水槽+洗衣机一体机。"企业场景里大量的列表操作、批量处理、复杂可视化,靠一个聊天框根本搞不定。Jira 也想做"什么都能干"的工具,结果没人喜欢。
shadcn 本人在评论区回应了 Felipe:他承认自己之前也以为应该先把 AI 嵌入现有 App,但最近模型进步的速度超出预期,让"聊天为中心的 super app"比想象中更快变得可行。

▲ shadcn 更早的一条推文:"Slack 已经接近成为大多数应用程序的完美 UI"——41 万人看了
形态之争的背后
争论到最后,核心问题其实只有一个:工作应该围绕工具展开,还是围绕对话展开?
过去二十年的答案是工具。你打开 Figma 画图、打开 VS Code 写代码、打开 Notion 写文档、打开 Jira 管项目。每个工具各管一摊,你在它们之间跳来跳去。
shadcn 给出的答案是:Agent 时代,对话就是入口。你和 Agent 说需求,它去拉数据、建界面、跑任务。左边放你的素材,中间是你的指令,右边是结果。所有工具被折叠进了同一个房间。
这个判断能不能站住,取决于一个前提:Agent 到底能不能可靠地替代那些专业按钮和复杂界面。
如果能,三栏工作空间就是下一个 Office。
如果不能,它顶多是程序员和少数知识工作者的新玩具。
但看看 Cursor 现在每天干的事,再看看 Karpathy 750 万人看过的那条推文——支撑这个判断的证据,正在快速累积。
夜雨聆风