一句话 140 万浏览,换来 300 个 star:BoardUI 和「别让你的界面一股 AI 味」

阿姆斯特丹一位设计师 11 月 1 日在 X 上发了六个单词加一个链接,没配图也没配视频,四天里他那个 React 组件库在 GitHub 上多了三百多个 star。这件事值得做开源的人看两遍:一遍看那句话为什么能爆,一遍看为什么 140 万浏览最后只变成了几百个 star。

一条没有配图的推文

2026 年 11 月 1 日下午(UTC 15:33),Mertcan Esmergul(X 上叫 @sitenley,LinkedIn 写着在 xAI 做过设计师)发了一条推文:

stop ai slop in your UI boardui.com

到 11-06,这条显示 140 万浏览、5.5K 赞、1.9 万收藏。第二天他发了一串复盘,原话是「never seen anything like this……no launch video or image. just a few words with the link」:28 小时里 11.3 万个独立访客来到 BoardUI 官网,页面浏览超过 25 万,链接点击 10.5 万次;82% 用手机打开;访客北美最多,其次是他的老家土耳其;看得最多的页面是 multi-agent UI,2 万人。发帖时他只有大约 3,500 个粉丝。收入他没说:「I'll keep the revenue stat to myself.」

第二天,美国一位产品设计师 Griffin Wooldridge(YouTube 3.4 万订阅)发了一条短视频,套路是「评论 board,我私信你链接」,卖点是「103 个 React 组件,能通过 MCP 接进 Claude Code 和 Cursor」。这条在 Facebook 上 5.7 万播放、204 条评论,TikTok 上只有 677 播放。他是不是收了钱或拿了分成,没核实。

GitHub 上发生了什么

BoardUI/boardui 这个库 9 月 1 日建,之前一直是慢慢涨,每天两三个 star:

(GitHub,每日 star 数)

近 7 天涨了 334,前一个 7 天是 32。npm 包 boardui 的日下载平时 50~150,11-02 到了 834(npmjs 下载统计)。fork 从 63 涨到 88,对一个组件库来说偏高,推断和 README 第一个按钮「Deploy with Vercel」有关:填一个模型 key,部署出来就是一个能用的 AI 聊天应用。

要注意的是:代码最后一次推送是 10 月 2 日。这一波和新版本没有关系,全是分发带来的。11-02 它也上了一次 Product Hunt,3 票、当天第 49 名;Hacker News 上没人发。

它到底是什么

BoardUI 是一套付费的 React 设计系统,先在 Figma 里设计好,再落成 React Aria + Tailwind v4 的组件,用法是把源码复制进你的项目。官网写着 103 个组件(含 19 种图表)、10 个模板、400 多个设计 token;Pro 买断、不订阅,标着「€49 launch discount」,具体价格页面上没直接写出来。

GitHub 上那个库放的是免费那一层:69 个组件,MIT 协议,首页直接是一个聊天应用。还带了 MCP server(npx boardui mcp)、AGENTS.md、llms.txt 和 Cursor 规则,README 里一行 claude mcp add boardui 就能让 Claude Code 用上它。

换句话说,GitHub 库是漏斗的一层:先让人信任、试用,再去官网买 Pro。

为什么那句话能爆

它说中了一种普遍的不满。 2026 年大家用 Claude Code、Cursor 写前端,出来的界面长得都差不多,英文圈管这个叫「AI slop」。「stop ai slop in your UI」一句话就把痛点和解法都说了。收藏 1.9 万、点赞 5.5K,收藏是点赞的三倍多——大家是存下来准备以后用,不是随手点个赞。

点进去的东西撑得住这句话。 官网首页本身就是一个做得很讲究的 agent 界面:多 agent 并排、思考中的状态、输入框、token 用量卡片,手机上打开也好看。如果点进去又是一套 shadcn 默认样式,这句口号就成了笑话。

它及时换了说法。 7 月的网页存档里,官网标题还是「A design system for dashboards」;9~10 月改成「React design system for agentic interfaces」,补上了 composer、agent log、agent limits、web search 这类组件。仪表盘套件满地都是,「给 agent 产品用的设计系统」当时还很少。

它对 AI 编码工具友好。 有 MCP、AGENTS.md、llms.txt,所以被收进了一批 skill 目录,也被「给 Claude Code 装设计能力」这类达人内容带上——Griffin 那条视频的核心论点就是「装组件库比装设计 skill 靠谱」。

140 万浏览为什么只换来几百个 star

11.3 万人进了官网,GitHub 四天多了约 320 个 star,大约每 300 个访客出一个 star。原因不复杂:推文链接指向官网,不是 GitHub;官网的目标是卖 Pro,GitHub 只是其中一个入口;82% 的人用手机看,手机上很少有人顺手去 GitHub 点 star。

对想要 star 的人来说这正是要学的地方:同样的流量,如果落地页就是 GitHub 仓库、所有东西都免费,star 会多得多(推断)。BoardUI 的目标是收入,不是 star,它这样设计是对的;你的目标不一样,漏斗就该反过来。

谁在跟它抢

(GitHub star 数,11 月初)

React 生态里的「AI 聊天组件」已经很挤了,而且大部分基于 shadcn,长相差不多。BoardUI 不一样的地方只有一个:它有一套设计师自己打磨出来的视觉语言。技术上(复制源码、Tailwind、MCP)谁都做得出来,dashboardcn 建库没几天就挂出了对比页;已经有人(agents-kit,131 star)直接拿它的 MIT 组件当底层。

如果是你

一句判断: 「给 agent 产品用的、不像 AI 做出来的组件库」这个题目还有空间,但空间在 React 以外,而且得有真本事的设计;只会写代码、照着 shadcn 再包一层,拿不到 star。

适合谁: 自己有设计品味、能做出一眼就能认出来的视觉风格的前端或设计师;或者在 Vue、Svelte、SwiftUI、Flutter、React Native 这些生态里,发现 agent 界面组件还没有像样选择的人。

不适合谁: 想在 React + Tailwind 里再做一个「AI 聊天组件库」的人——那里已经有十几个,大多数停在几百 star;也不适合没有自己审美、只能靠默认样式的人,因为这个题目的全部卖点就是「不难看」。

怎么做:

1. 选一个生态和一类界面:比如「Vue / Svelte 的 agent 界面组件」(多 agent 并排、工具调用日志、思考状态、token 用量、审批弹窗),或者「SwiftUI 的 AI 聊天界面」。这些 BoardUI 已经证明有人想要,但它只做 React。
2. 首页就是演示:仓库 README 第一屏放一个能直接打开的在线 demo,手机上也要好看;最好像 BoardUI 一样,填一个模型 key 就能跑起来,再给一个一键部署按钮。
3. 全部免费,落地页就是 GitHub:不要把人先引到官网再绕回来。
4. 从第一天起带上 MCP、AGENTS.md、llms.txt,让 Claude Code / Cursor 能直接装上用,这样能被收进 skill 目录。

怎么获客: 学那条推文——一句说中普遍不满的话加一个链接,链接直接指向仓库;配一个十几秒的录屏演示效果更稳。然后去找做「设计 / AI 编码工具」内容的达人,BoardUI 那条「评论关键词就私信链接」的视频在 Facebook 上拿到了 5.7 万播放。Product Hunt 和 Hacker News 对这类东西帮助不大(BoardUI 在 PH 只拿到 3 票)。

什么时候之前: 「AI slop」这个说法现在正热,AI 编码工具的官方组件也在快速补齐(Vercel 已经有 AI Elements)。窗口大概在接下来几个月,等 shadcn 或各家框架官方出了像样的 agent 组件,换生态这条路也会变挤(估)。

什么情况说明看错了: 你的仓库上线一个月,推文和达人都试过,star 还在两三百;或者你选的生态里,官方或大厂已经发布了 agent 界面组件。还有一个信号要盯:BoardUI 自己的日增已经从 164 掉到 38,代码一个月没更新——如果它很快回到每天两三个,说明这波是一次性的爆帖,而不是这个题目本身有持续的吸引力。