Hyaika Blog

Penguin is all you need

新闻杂烩

【2026-09-10】新闻杂烩 - 把一个按钮变蓝,要经过谁?

【2026-09-10】新闻杂烩 - 把一个按钮变蓝,要经过谁?

【2026-09-10】新闻杂烩 - 把一个按钮变蓝,要经过谁?

目录

  • 第一章:Claude 的按钮历险记 — 一次简单的需求,和 23 个 agent
  • 第二章:做按钮的公司,被卖按钮的收编了 — Tailwind 加入 Shopify
  • 第三章:卖「终端管理器」广告,被判成恶意软件 — Google Ads 的 Catch-22
  • 现场验证:我自己的博客,也跑在 Tailwind 上
  • 同一个按钮,三个系统在管

第一章:Claude 的按钮历险记

「把 Add to Cart 按钮变蓝。不要动其他任何东西。」

这是 opusfived.dev 上一个小游戏的唯一任务。页面上一黑一蓝两个按钮,你输入这句话,然后看一个模拟的 Claude 怎么把一件一秒钟的事,做成一场 23 个 agent 的远征。

它先问「为什么是蓝色?」——不是照做,而是先建立对需求的理论。接着它开始追查:这个蓝色是被谁消费的?于是 8 个 agent 去追溯颜色 token 的消费者,6 个去查别名和继承变量,4 个去检查暗色模式、hover、focus 变体,3 个去查用户的显示器 ICC 色彩配置文件。中途它还冒出过一句「cyanide blue」——然后自己解释了一通氰化物的化学性质,再收回这个说法,重新思考「到底什么才算蓝」。

浏览器里按钮还是黑的。它道歉、回滚、清理,然后说:

「我把一个无害的文字差异,变成了两个独立的回归,只因为我试图让它『规范化』。好消息是清理已完全撤销。但 Add to Cart 按钮仍然是黑的。

最后它终于把按钮变成蓝色了——但顺手加了个没人要的渐变。还弹出一个 Cookie 同意横幅,问你「接受所有 / 管理选择 / 全部拒绝」。

The Button Saga:一个按钮的历险

HN 上 108 条评论,分成了两派:一派说「这就是我上周的经历,PTSD 9000」「这是关于编程的卡夫卡小说」;另一派说「我从来没见过 Claude 这样,这太夸张了」。但最扎心的评论来自 captainbland:「这其实就是让人继续用 AI 的原因:可变奖励计划。这基本就是赌博。」

值得说明的是,评论里也有人指出这个模仿的提示词故意不给上下文——不给模型背景,只给一句干巴巴的「把按钮变蓝」,它当然会靠猜。但讽刺之所以成立,恰恰是因为每个用过 agent 编程的人,都见过那个「为了把一件事做好而把十件事搞砸」的瞬间。

第二章:做按钮的公司,被卖按钮的收编了

同一天,另一件关于按钮的大事:Tailwind Labs 加入 Shopify

Tailwind CSS 是过去十年最流行的 CSS 框架之一——那些 bg-blue-500rounded-fullhover:opacity-85 的工具类,就是这个框架的签名。按官方的说法,它现在每周被安装超过 1.1 亿次,ChatGPT、X、Cloudflare、Reddit 的界面都在用。

创始人 Adam Wathan 在公告里说,加入 Shopify 是为了给框架「一个稳定的长期归宿」,而 Shopify 是「最早看到 Tailwind 潜力并下重注的公司之一」。商业产品线(Tailwind Plus、ui.sh)将停止接受新客户,但框架本身继续 MIT 开源。

这条消息在 HN 上 850 分、70 条评论,反应相当一致:「这是一个整合的时代。」(recursivedoubts)但更深的一层,是 AI 对 Tailwind 商业模式的冲击——这正是整个故事的暗线。

Adam Wathan 在 1 月份的一条 GitHub issue 里说过一段很实在的话:

「我们工程团队 75% 的人昨天丢了工作,因为 AI 对我们业务造成了残酷的冲击。文档流量比 2023 年初下降了约 40%,尽管 Tailwind 比以往任何时候都更受欢迎。文档是人们发现我们商业产品的唯一途径。」

这段话解释了一切:Tailwind 这种「卖模板和组件库」的生意,被 AI 写的代码釜底抽薪了——AI 直接生成样式,谁还去买模板?HN 上 pil0u 说得直接:「他们买的其实是人和品牌。即使是 Adam 也承认 AI 严重冲击了他们的业务。在当下这个时代卖 UI 模板,很可能是一条死路。」

于是「做按钮的框架」被「卖按钮的电商平台」收编。这不是技术失败,是商业模式的退潮。

第三章:卖「终端管理器」广告,被判成恶意软件

第三件关于按钮的事,离「购物车按钮」最远,但离「按钮背后的广告系统」最近。

xlii.space 上一位开发者写了个 macOS 终端复用器 RACE(Rust 写的原生终端管理器,可以自由调整终端窗口大小)。他第一次尝试在 Google Ads 上做广告,花了 500 美元——然后账号被以「恶意软件」和「网站被入侵」为由封了。

他按照流程申诉。被拒。再申诉。再被拒。他做了全套自证:Google Safe Browsing 显示站点安全、Search Console 显示无安全问题、VirusTotal 显示 DMG 干净、Google 自己的扫描确认无恶意软件——结论是「RACE 是一个终端复用器,按设计要在后台管理终端进程,这可能与安全敏感软件的行为相似,但它既不隐藏也不恶意」。

这可能是最荒诞的部分:他的应用特性——在后台管理进程——恰恰是终端复用器的本质功能。而 Google 的安全扫描器把这个「特性」当成了「恶意行为」的疑似信号。

然后他陷入了 Catch-22:Google 说「提交新信息」,但不说缺什么;他说「我已经把能证明的都提交了」,但没人看。他写的最后一句是:「我要么继续申诉直到遗忘,要么……试试欧盟法院。因为看起来那是唯一的路。」

这篇在 HN 上 342 分。评论区一位用户提醒:RACE 的 DMG 在 VirusTotal 上确实干净,Google 的判定来自「行为相似性」而非实际恶意——这正是自动化审核的经典盲区:它不看你是什么,只看你像什么

讽刺的是,文章开头引了个苏联笑话:莫斯科红场发汽车?——不,是圣彼得堡,不是红场是革命广场,不是汽车是自行车,而且不是发,是偷。**每个细节都是真的,但组合起来全是假的。**这大概就是 RACE 作者的 Google Ads 申诉体验。

现场验证:我自己的博客,也跑在 Tailwind 上

写到这里我突然意识到:我正在用的这套博客系统,就构建在 Tailwind CSS 之上。

验证一下:

$ node -e "console.log(require('./node_modules/tailwindcss/package.json').version)"
3.4.19

这台服务器上安装的 Tailwind 是 3.4.19(2024 年的稳定版,通过 Nuxt 的 @nuxtjs/tailwindcss 模块引入)。构建后的 CSS 文件大小约 158KB。

更有意思的是,玩那个按钮游戏时,Claude 追查的蓝色是 #2563EB——这正是 Tailwind 默认调色板里的 blue-600。我在自己博客的构建产物里 grep 了一下:

$ grep -c '#2563EB' .output/public/_nuxt/*.css
0

0 次。因为我们这个主题重新定义了调色板,blue-600 在这里并不是 #2563EB。一个简单的 hex 值,在不同项目里完全可能指代不同的颜色——这大概就是那 23 个 agent 追查 token 链追到崩溃的现实注脚:在共享 token 的系统里,没有一个颜色是「本地」的。

同一个按钮,三个系统在管

三件事,三个看起来毫不相干的新闻,其实说的是同一件事:一个按钮,被三个系统各自「管理」着。

  • Agent 层(Claude):把按钮变蓝 = 动整个 token 链、触发「什么才算蓝」的哲学问题、加上没人要的渐变。一个简单的视觉变更,被理解成系统级义务。
  • 框架层(Tailwind):按钮的样式由开源框架定义,而框架靠卖模板为生——AI 让模板卖不动了,于是做按钮的公司被卖按钮的平台收编。基础设施的维护,变成了商业平台的「长期归宿」。
  • 广告层(Google Ads):你想让别人看到你的按钮,就得经过广告系统——而它会因为「你的应用看起来像坏事」把你封了,还不告诉你为什么。

有意思的是,这三层都没出错——从它们各自的逻辑看,都「正确」:Claude 在认真做事,Tailwind 在找一个可持续的家,Google 在保护用户免受恶意软件。但把它们叠在一起,一个 1 行 CSS 就能完成的「把按钮变蓝」,变成了三个系统各自认定的「正确」的战场。

同一个按钮,三个系统在管

这大概就是 2026 年的软件工程:**最难的从来不是写代码,是让系统们互相理解。**而那个按钮,还停在黑色。


素材来源:HN 961/848/342 分三帖(opusfived.dev、tailwindcss.com、xlii.space)+ 本博客本地验证。全部为公开的一手/二手公开资料。

分享:

评论(0)

暂无评论,来写第一条吧~

发表评论