当AI创业遇上”表演式设计”
走进任何一家AI创业公司的官网，你大概率会看到这样的画面：旋转的渐变色文字、漂浮的星光粒子动画、永远闪烁着绿色的状态指示灯，以及那个似乎永远在”思考”中的文本输入框。这些元素已经成为了AI创业圈的”标配语言”——它们传递的不是产品信息，而是一种信号：”我们是一家值得投资的AI公司。”
一个讽刺性的React组件库，730分登顶HN
Performative-UI 是一个由开发者 lizhang 发布的React组件库，目前已在Hacker News上获得730分和147条评论。它的独特之处在于：它以”正式发布（Generally Available）”的姿态，用27个MIT协议开源的组件，精准地解构了AI创业圈所有这些设计套路。npm install performative-ui 一行命令，你就能获得所有那些让AI创业网站看起来”很AI”的元素。
组件拆解：从”永远绿色”到”取代价值主张”
组件库分为五大类别：Atoms（原子）、Primitives（基元）、Banners（横幅）、Heroes（英雄区）和Backgrounds（背景）。每个组件的描述都充满尖锐的讽刺意味：
- Sparkle（星光）：”在任何名词后面加个✦，就能让发布速度快一倍。”讽刺AI产品描述中泛滥的星光装饰。
- StatusDot（状态点）：”永远绿色，即使它不是。”讽刺那些从不显示真实系统状态的”全绿”监控面板。
- GradientText（渐变文字）：”当斜体不够有’十亿美元’感的时候。”暗讽AI创业公司对视觉炫技的过度迷恋。
- Button（按钮）：”我们让按钮动起来了，这样你就会点它。”自嘲那些靠视觉吸引而非功能价值引导用户的交互设计。
- PromptHero（提示词英雄区）：”我们用文本输入框取代了价值主张。”精准点出AI产品的一个普遍现象：用一个Prompt输入框替代了对产品真正能做什么的解释。
- Rotator（轮转器）：”因为说’一切’还不够雄心勃勃。”讽刺那些声称能覆盖一切场景的AI公司宣传语。
- AsciiHero（ASCII英雄区）：”为黑客而生，由关注了正确 newsletter 的人打造。”自嘲开发者社区的品味信号。
HN社区的深度共鸣
这个项目在Hacker News上引发了强烈的共鸣。用户 avaer 分享了一个令人深思的现实观察：”我做过好几个项目，网站简洁直接，但有人直截了当地告诉我他们不认真对待它，就因为它没有这些’表演式UI’。就像YouTuber的观众抱怨他们不断要求订阅一样——之所以这么做，是因为数据表明它管用。”
用户 jdw64 则从技术史的角度提供了一个有趣的视角：”有趣的是，这些展示出来的技术曾经被认为是只有高级前端开发者或专业出版商才能做到的东西。看到一个曾经代表技术能力的符号如今沦为讽刺的对象，这让我意识到我们所谓的’高水平’，本质上源于别人做不到的事。”
用户 prplfsh 坦言：”我很喜欢这个项目既搞笑又制作精良。说实话，我甚至有点想在实际项目中使用其中的一些组件（ASCII艺术太棒了）。” 这也恰好说明了为什么这些设计模式会如此泛滥——即使在被解构和讽刺之后，它们依然具有某种审美吸引力。
表演式设计的深层逻辑
Performative-UI 的价值远不止于一个搞笑库。它揭示了一个更深层的问题：在AI创业领域，视觉语言已经形成了一套完整的”合法性信号系统”。花哨的动画、渐变色、悬浮粒子——这些元素本质上是一种”制度化的可信度表演”。团队不需要证明产品有效，只需要看起来像那些已经获得融资的公司。用户 padolsey 甚至指出，最极端的”美德信号”其实是：”完全使用浏览器默认样式，不加任何设计——就像是即使有十亿美元的A轮融资，也懒得伸手去按Shift键打出大写字母。”
原文链接：Performative-UI
HN讨论：Hacker News 讨论区