Simon Le Marchant开源Shaders引爆百万流量靠AI通道押注WebGPU

AI技术投降派

AI使着色器代码大幅贬值，迫使开源库转向地基免费、策展收费并靠Agent直连协议重构软件分发。

AI-assisted summary of 一个标签装下200个光效，AI帮你挑 — original source. Check the original for full context.

Source published: 2026-10-31

Key ideas

热门 GPU 组件库 Shaders 并非传闻中尤雨溪的作品，而是由独立开发者 Simon Le Marchant 开发；该项目历经闭门重写后从买断制转为 MIT 开源，开源 3 天即斩获 3,000 颗 GitHub Star，npm 周下载量达 12.7 万次。 (0:00)
Shaders 将复杂的着色器编程封装为声明式 JSX 标签，内含极光、液态金属等 200 个现成组件，并基于四大主流浏览器均已就绪的 WebGPU 标准实现了跨 6 大主流前端框架的支持。 (0:57)
该库全面拥抱 Coding Agent 生态，原生提供 MCP 服务器、Agent 技能包以及 llms.txt 文档规范，展示了“开源地基免费、上层策展收费、AI 代理先行”的新型软件发行模式。 (4:00)
项目仍存在显著隐患与边界：官网在高端设备滚动时掉帧、Linux 浏览器未完全普及 WebGPU、核心团队仅有一人导致巴士因子为一，且开源与商业权益划分尚不清晰。 (5:56)

Detailed notes

## Background 该视频由 B站 UP 主“AI技术投降派”于 2026 年 10 月 31 日发布。视频简介首先澄清了中文圈关于“尤雨溪开源两百个特效库”的不实传言，并介绍了爆火的前端 WebGPU 特效库 Shaders——其不仅把复杂显卡光效抽象为简单的声明式标签，更经历了从闭源惨淡到开源爆火的逆袭，同时通过全套 AI Agent 接口探索了新时代的软件发行模式。

## TL;DR 视频首先纠正了将 Shaders 误传为尤雨溪出品的谣言，深入拆解了该库如何将 200 个 WebGPU 特效封装为 JSX 标签，并指出四大主流浏览器对 WebGPU 的全面支持是其爆发的技术基石。接着，节目讲述了独立开发者 Simon 历时 14 个月自研引擎、买下顶级域名，并在开源后迅速引爆 5,000 星的逆袭历程，同时剖析了其通过 MCP 和 Agent 技能包全面拥抱编码智能体的策略。最后，视频理性泼了冷水，指出其高负载掉帧、商业化边界模糊以及“巴士因子等于一”等维护隐患，并给出了“营销页大胆用、工具页克制留白”的前端设计建议。

## Atmosphere & style 全片节奏明快且带着科技观察者的清醒与锐利，行文风格极具展厅导览式的结构感。主讲人既没有盲目跟风鼓吹开源神话，也不吝啬对独立开发者孤注一掷与拥抱 AI 敏锐度的赞赏；从辟谣验货的辛辣，到技术拆解的通透，再到文末冷静泼冷水与探讨设计节制，整场讲述在理性克制与极客热情之间切换自如，听来既开阔眼界又发人深省。

## Bulletin - [00:00](https://www.bilibili.com/video/BV1genE6sE7r?t=0s) 热门 GPU 组件库 Shaders 并非传闻中尤雨溪的作品，而是由独立开发者 Simon Le Marchant 开发；该项目历经闭门重写后从买断制转为 MIT 开源，开源 3 天即斩获 3,000 颗 GitHub Star，npm 周下载量达 12.7 万次。 - [00:57](https://www.bilibili.com/video/BV1genE6sE7r?t=57s) Shaders 将复杂的着色器编程封装为声明式 JSX 标签，内含极光、液态金属等 200 个现成组件，并基于四大主流浏览器均已就绪的 WebGPU 标准实现了跨 6 大主流前端框架的支持。 - [04:00](https://www.bilibili.com/video/BV1genE6sE7r?t=240s) 该库全面拥抱 Coding Agent 生态，原生提供 MCP 服务器、Agent 技能包以及 llms.txt 文档规范，展示了“开源地基免费、上层策展收费、AI 代理先行”的新型软件发行模式。 - [05:56](https://www.bilibili.com/video/BV1genE6sE7r?t=356s) 项目仍存在显著隐患与边界：官网在高端设备滚动时掉帧、Linux 浏览器未完全普及 WebGPU、核心团队仅有一人导致巴士因子为一，且开源与商业权益划分尚不清晰。

## Key takeaways - [00:00](https://www.bilibili.com/video/BV1genE6sE7r?t=0s) 中文互联网关于“尤雨溪开源 200 个特效库”的说法系谣传，尤雨溪仅做过转发推荐，真实出品方为 Shader Effects 公司。 - [00:57](https://www.bilibili.com/video/BV1genE6sE7r?t=57s) Shaders 本质是将 GPU 特效封装为声明式 JSX 标签，开发者通过像图层一样嵌套组件即可在显卡上完成从上至下的求值与混合渲染。 - [01:25](https://www.bilibili.com/video/BV1genE6sE7r?t=85s) 库内包含纹理、材质、风格化等 10 大类共 200 个组件，全面兼容 React、Vue、Svelte、Solid、原生 JS 和 Framer 六大前端环境。 - [02:05](https://www.bilibili.com/video/BV1genE6sE7r?t=125s) WebGPU 在 2025 年 11 月集齐四大浏览器支持并覆盖全球近九成设备，彻底解决了传统 CSS 滤镜掉帧和 Three.js 过于沉重的历史痛点。 - [02:55](https://www.bilibili.com/video/BV1genE6sE7r?t=175s) 作者 Simon Le Marchant 经历早期 36 美元买断制和 Show HN 仅得 2 分的惨淡成绩后，闭门重写 14 个月自研轻量引擎替代 Three.js，并拿下品类域名 shaders.com。 - [04:00](https://www.bilibili.com/video/BV1genE6sE7r?t=240s) 同一套产品闭源在 Product Hunt 仅得 22 票，转为 MIT 开源后即引发病毒式传播，印证了开源作为现代分发杠杆的巨大威力。 - [04:52](https://www.bilibili.com/video/BV1genE6sE7r?t=292s) Shaders 构建了 MCP 服务器、Agent 技能包和 llms.txt 三条通路，使 Claude Code、Cursor 等编程代理能自主检索、安装并编写着色器代码。 - [05:28](https://www.bilibili.com/video/BV1genE6sE7r?t=328s) 作者提出“AI 让着色器易于编写，反而使开源地基更有价值”，软件分发正在转向“文档 + npm + 命令行 + MCP + 技能包”的标准模式。 - [05:56](https://www.bilibili.com/video/BV1genE6sE7r?t=356s) 实际落地仍面临性能与平台短板，包括高配置 MacBook 滚动掉帧、Linux 端浏览器尚未默认支持 WebGPU 等兼容盲区。 - [06:35](https://www.bilibili.com/video/BV1genE6sE7r?t=395s) 项目维护存在单一故障点风险：代码曾停更数日且 Issue 零回复，公司无融资背景，一人团队导致巴士因子等于一。 - [06:52](https://www.bilibili.com/video/BV1genE6sE7r?t=412s) 特效使用应当因地制宜：营销页与作品集适合用 GPU 光效增强视觉质感，而工具型软件与文档中心应坚持留白与克制，避免显卡过载。

## Detailed walkthrough ### [00:00](https://www.bilibili.com/video/BV1genE6sE7r?t=0s) 门厅：先辟谣，后验货

中文互联网近期流传着多篇关于“尤雨溪开源了两百个特效组件库”的文章，甚至打出了“尤雨溪又出手了”的惊悚标题。经核实，这纯属谣传。该组件库名为 Shaders，归属于 Shader Effects 公司，尤雨溪本人与其没有任何股权或雇佣关系；尤雨溪当下的核心主线工作是其公司被 Cloudflare 收购后的事务，他确实转发推荐过 Shaders，但“转发和出品是两回事”。然而，这波讹传所带来的流量正反映出该库的爆火程度：开源仅三周便收获 5,100 颗 GitHub Star，npm 周下载量达到 12.7 万次。更耐人寻味的是背后的真实逆袭——一个闭源卖了一整年几乎无人问津的产品，在转为 MIT 开源后，仅仅三天就斩获了 3,000 颗 Star。

从本质来看，Shaders 解决的问题用一句话概括就是“把 GPU 特效做成一个标签”。开发者只需在 React 中声明一个 `<Shader>` 标签，往里面塞入子组件即可。这些子组件扮演着图层的角色，在运行时从上到下求值，并直接在用户的显卡（GPU）上完成混合渲染：

- 会写 JSX 就能轻松上手光效，无需学习晦涩的着色器（Shader）编程语言； - 想要实现渐变，直接放入 `<LinearGradient>`； - 想要实现鼠标交互拖尾，直接插入 `<CursorTrail>`。

整个库共提供了 200 个现成组件，细分为十大类别，涵盖了极其丰富的视觉表现力： - **纹理类（55 个）**：包含极光、等离子、网格渐变等； - **材质类（23 个）**：涵盖玻璃、铬合金、液态金属、全息等； - **风格化类（31 个）**：包含光晕、故障（Glitch）、ASCII 字符化、VHS 录像带等； - **其他分类**：交互类（16 个）、扭曲类（22 个）、转场类（13 个）等。

在生态兼容性上，它直接打通了 React、Vue、Svelte、Solid、原生 JS 以及 Framer 六大前端框架的入口。官方宣称已有来自上千个网站的 16,000 名“设计工程师（Design Engineer）”正在使用。

```mermaid flowchart TD accTitle: Shaders 组件图层渲染架构 accDescr: 展示在前端 JSX 中嵌套 Shader 子组件并交由 GPU 渲染的流程

subgraph JSX["前端 JSX 图层嵌套"] Root["<Shader> 根容器"] L1["<LinearGradient /> 渐变图层"] L2["<LiquidMetal /> 材质图层"] L3["<CursorTrail /> 交互图层"] Root --> L1 L1 --> L2 L2 --> L3 end

subgraph GPU["显卡底层执行"] Eval["从上至下依次求值"] Blend["GPU 硬件管线混合渲染"] Canvas["最终呈现在 Canvas / WebGPU 视图"] L3 --> Eval Eval --> Blend Blend --> Canvas end ```

[02:05](https://www.bilibili.com/video/BV1genE6sE7r?t=125s) 展墙：WebGPU 集齐与十四个月的闭门重写

为什么这类 GPU 特效库偏偏在此时爆发？关键原因在于底层的 WebGPU 标准终于集齐了全平台支持。2023 年 Chrome 113 版本率先默认开启 WebGPU，2025 年 Safari 26 与 Firefox 141 相继跟进；到了 2025 年 11 月，四大主流浏览器全部完成正式支持，全球近九成用户的设备环境已能直接运行。回顾以往的网页特效实现方式，痛点十分明显：CSS 的背景滤镜（backdrop-filter）一旦堆叠过多，移动端就会严重掉帧；Lottie 本质上只是矢量动画的预制回放，根本无法完成复杂的实时交互计算；而如果直接引入 Three.js，对普通网页来说又显得沉重不堪。WebGPU 的就位，让 GPU 可编程特效第一次真正来到了可以大面积进驻生产环境的临界点。

项目的幕后作者是生活在美国奥兰多的独立开发者 Simon Le Marchant。他出身于 Vue 生态，不仅是 Vue School 的讲师，为 Vite 官网做过贡献，还曾参与过尤雨溪公司的品牌重塑工作，前述的“尤雨溪新作”讹传大抵也是由此借题发挥而来。这套特效产品的演进走过了一段曲折的弯路：

1. **早期探索（2024 年底）**：产品最早命名为 Ombre，在独立软件平台上以 36 美元买断制销售，近乎无人问津； 2. **首次试水（2025 年年中）**：2025 年 6 月首发 npm 包，8 月发布至 Hacker News 的 Show HN 板块，结果仅获得惨淡的 2 分和 4 条评论，甚至有用户刻薄地留言：“又是一个候补名单，散了吧”； 3. **闭门重构（历时 14 个月）**：作者没有放弃，而是闭门苦干了 14 个月，将底层渲染层彻底由 Three.js 替换为自研轻量级引擎，宣称编译速度提升了 25 倍； 4. **商业与品牌布局**：在闭门开发期间，他完成了三件战略级动作——注册特拉华公司、申请“SHADRS”商标、买下停放域名广告长达 22 年之久的品类顶级域名 `shaders.com`，“买下品类词就是买下品类”。

[04:00](https://www.bilibili.com/video/BV1genE6sE7r?t=240s) 展墙：商业反差与全面的 AI 姿态

2026 年 10 月 6 日，项目正式宣布以 MIT 协议开源，随即在社交网络上引发了病毒式传播。官方推文斩获 59 万浏览量和 6,300 次转发；开源首日拿下 1,000 颗 Star，前 4 天便攫取了后续总计星数的 73%，npm 周下载量一路飙升至 12.7 万次。与历史数据对比显得尤为残酷：同一个产品，在 2026 年 7 月以闭源形态登录 Product Hunt 仅获 22 票，去年在 Hacker News 上拿 2 分，而开源当天在 Hacker News 上一举拿到 64 分。社区中也出现了对其 16,000 名用户真实性的质疑，指出其 GitHub 仓库的初始提交发生在发布的一周前，作者对此未做回应。事实上，该开源仓库是发布时全新建立的，作者将过往历史压缩整合成了 20 个提交；闭源时期的用户虽然真实存在，但选择隐匿完整开发历史，就难免招致公众在感官上的怀疑。

该库最打破常规的动作，在于其张开双臂拥抱 AI 的全面姿态。Shaders 提供了三条专为编码智能体（Coding Agent）打造的集成通道： - **MCP 服务器**：只需一条命令，即可配置进 Claude Code、Cursor、Codex、Windsurf 等开发环境，让 Agent 能够自行搜索、安装和精准编辑特效； - **Agent 技能包**：向 Claude Code 直接注入 Shaders 组件的先验知识与使用规则； - **llms.txt**：将全部 200 个组件的参考文档规范化为最适合大语言模型读取与解析的纯文本格式。

官方公告中有一句态度鲜明的论断：“AI让着色器前所未有的容易写，而这让我们相信开源地基变得更有价值，而不是更少。”这句话直指当下的软件现实：当 AI 能够轻而易举写出各种着色器代码时，Shader 代码本身正在贬值；因此，作者选择将经过生产环境检验的 200 个组件全部开源作为免费地基，转而售卖上层的策展服务与使用便利。软件的发行方式正在经历深刻的 Agent 化变革，“文档加 NPM 加命令行加 MCP 加技能包正在成为新库的标配”。

```mermaid flowchart LR accTitle: Shaders 的 AI Agent 分发链路 accDescr: 展示三种面向 Coding Agent 的接入通道及其赋能的外部 AI 工具

subgraph Assets["Shaders 资源层"] MCP["MCP 服务器<br/>(单命令行配置)"] Skills["Agent 技能包<br/>(组件使用规则)"] LLMs["llms.txt<br/>(LLM 友好文档)"] end

subgraph Agents["编码智能体 (Coding Agents)"] Claude["Claude Code"] Cursor["Cursor"] Windsurf["Windsurf / Codex"] end

subgraph Action["自主执行动作"] Search["搜索特效"] Install["安装依赖"] Edit["修改/生成 Shader"] end

MCP --> Claude MCP --> Cursor MCP --> Windsurf Skills --> Claude LLMs --> Claude LLMs --> Cursor LLMs --> Windsurf

Claude --> Search Cursor --> Install Windsurf --> Edit ```

[05:56](https://www.bilibili.com/video/BV1genE6sE7r?t=356s) 展柜与出口：冷水警示与光效克制之道

在一片赞誉声中，依然需要泼几盆冷水看清现实局限： - **性能负载**：在 Hacker News 的实测中，即使售价高达 3,000 美元的 MacBook 在滚动浏览其官网时也会出现明显掉帧；更有用户直言这 200 个特效“全是屏保”，在生产级软件中的泛用性存疑； - **兼容盲区**：WebGPU 仍未实现绝对的无死角全覆盖，Linux 平台上的 Chrome 与 Firefox 至今尚未默认开启 WebGPU 支持； - **商业化边界模糊**：开源与付费的界限连官网自己都没解释清楚，README 宣称 MCP 免费包含，但定价页面又列出托管型 MCP 属于 Pro 订阅权益；其商业版分为每月 10 美元的订阅制或 299 美元买断制，售卖 1,000 多个高阶预设和无水印高清导出； - **“巴士因子”等于一**：最扎心的事实在于项目的维护状况，仓库自 10 月 9 日后便停止了代码提交，五天内涌入的 5 个 Issue 获得了零回复；整家公司查无任何融资记录，公开成员仅作者一人，这意味着作者一旦转去处理其他事务，整个项目就会陷入无人看管的停摆状态。

谈及光效在前端界面中的正确用法，过去在探讨设计方法论时，往往主张放弃极光、玻璃拟态和发光大标题这类视觉噪声。但本质上“光没有错，错的是没有节制的光”。在营销页面、个人作品集、发布会头图这类需要调动情绪的场景中，GPU 光效是当前性价比最高的高级感来源，该用就大胆去用；而在工具型界面、开发文档以及后台管理系统中，“留白就是美德，别让用户的显卡为你的审美加班”。

Shaders 呈现给行业的是一条极其清晰的 AI 时代软件发行路线图：“AI 时代的软件发行，地基免费，策展收费，代理先行。”诚如作者在项目中所写的那句精辟陈词：“是时候出货魔法了”，至于这项魔法最终被安放在哪里，选择权始终掌握在开发者自己手中。

## Notable quotes > [05:56](https://www.bilibili.com/video/BV1genE6sE7r?t=356s) 留白就是美德，别让用户的显卡为你的审美加班

> [04:00](https://www.bilibili.com/video/BV1genE6sE7r?t=240s) AI让着色器前所未有的容易写，而这让我们相信开源地基变得更有价值，而不是更少。 — Simon Le Marchant

> [05:56](https://www.bilibili.com/video/BV1genE6sE7r?t=356s) AI 时代的软件发行，地基免费，策展收费，代理先行。

> [02:05](https://www.bilibili.com/video/BV1genE6sE7r?t=125s) 买下品类词就是买下品类

## Mentioned Shaders, Shader Effects, Simon Le Marchant, 尤雨溪, Cloudflare, React, Vue, Svelte, Solid, Framer, Three.js, WebGPU, Chrome, Safari, Firefox, Ombre, Claude Code, Cursor, Codex, Windsurf, MCP, Hacker News, Product Hunt, Vue School, Vite, Lottie

## Video description 先纠正一个中文圈的讹传：这几天不少文章在传"尤雨溪开源了两百个特效的组件库"，查证下来不成立——这个叫 Shaders 的库属于 Shader Effects 公司，尤雨溪只是转发推荐过，他的真实主线是公司被 Cloudflare 收购了。但讹传的流量恰恰说明它有多火：三周 5,100 颗星，npm 周下载 12.7 万。真实的故事更猛，一个闭源卖了一年没人理的产品，MIT 开源三天拿了三千颗星。

它是什么：把 GPU 特效做成一个标签。React 里写一个 Shader 标签，子组件就是图层，从上到下求值、在显卡上混合；渐变放 LinearGradient，鼠标拖尾放 CursorTrail，会写 JSX 就能用光效。200 个组件十大类（极光、液态金属、全息、故障、ASCII……），React/Vue/Svelte/Solid/JS/Framer 六框架通吃。它敢压 WebGPU 是因为时机到了：2025 年 11 月四大浏览器集齐，全球近九成用户可用。

00:05 门厅：先纠错，再看货 00:57 展台一：一个标签一个图层 02:05 展墙：WebGPU 终于集齐 02:55 展墙：闭门重写的十四个月 04:00 展墙：闭源 22 票，开源三天三千星 04:52 展台：三条通道全部通向 AI 05:56 展柜：使用前的警示贴 06:52 出口厅：光该怎么用

幕后值得记一笔：作者 Simon Le Marchant，奥兰多独立开发者，Vue 生态出身（讹传大概由此而来）。产品 2024 年底以 36 美元买断制起步，Show HN 拿过 2 分被人留句"又是一个候补名单"；他闭门重写十四个月，注册公司、申请商标、买下放了 22 年广告的 shaders.com，然后开源引爆。对 AI 的姿态是它最特别的地方：MCP 服务器、Agent 技能包、llms.txt 三通道直连编码代理——"AI 让着色器容易写了，这让开源地基更有价值，而不是更少。"冷水也泼够了：三千美元 MacBook 滚官网掉帧、Linux 浏览器缺席、仓库停更十天五 issue 零回复、巴士因子等于一。

最后聊聊光该怎么用：营销页该上就上，工具文档留白就是美德，别让用户的显卡为你的审美加班。

[Source](https://www.bilibili.com/video/BV1genE6sE7r)

中文简报

Simon Le Marchant开源Shaders引爆百万流量靠AI通道押注WebGPU AI使着色器代码大幅贬值，迫使开源库转向地基免费、策展收费并靠Agent直连协议重构软件分发。视频首先纠正了将 Shaders 误传为尤雨溪出品的谣言，深入拆解了该库如何将 200 个 WebGPU 特效封装为 JSX 标签，并指出四大主流浏览器对 WebGPU 的全面支持是其爆发的技术基石。接着，节目讲述了独立开发者 Simon 历时 14 个月自研引擎、买下顶级域名，并在开源后迅速引爆 5,000 星的逆袭历程，同时剖析了其通过 MCP 和 Agent 技能包全面拥抱编码智能体的策略。最后，视频理性泼了冷水，指出其高负载掉帧、商业化边界模糊以及“巴士因子等于一”等维护隐患，并给出了“营销页大胆用、工具页克制留白”的前端设计建议。热门 GPU 组件库 Shaders 并非传闻中尤雨溪的作品，而是由独立开发者 Simon Le Marchant 开发；该项目历经闭门重写后从买断制转为 MIT 开源，开源 3 天即斩获 3,000 颗 GitHub Star，npm 周下载量达 12.7 万次。 (0:00) Shaders 将复杂的着色器编程封装为声明式 JSX 标签，内含极光、液态金属等 200 个现成组件，并基于四大主流浏览器均已就绪的 WebGPU 标准实现了跨 6 大主流前端框架的支持。 (0:57) 该库全面拥抱 Coding Agent 生态，原生提供 MCP 服务器、Agent 技能包以及 llms.txt 文档规范，展示了“开源地基免费、上层策展收费、AI 代理先行”的新型软件发行模式。 (4:00) 项目仍存在显著隐患与边界：官网在高端设备滚动时掉帧、Linux 浏览器未完全普及 WebGPU、核心团队仅有一人导致巴士因子为一，且开源与商业权益划分尚不清晰。 (5:56)

Reading summary

前端特效库 Shaders 凭借将 GPU 渲染抽象为 JSX 标签并在 WebGPU 生态成熟期转向开源而迅速爆火，展示了“开源基础底座、通过 AI Agent 分发与策展收费”的新型软件发行路径，但其单人维护风险、性能消耗及商业边界仍面临实际检验。剥离名人讹传与标签化 GPU 架构 (0:00) 中文互联网近期盛传“尤雨溪开源两百个特效库”，经核实该项目 Shaders 属于 Shader Effects 公司，尤雨溪仅转发推荐，并无股权或雇佣关系，其当前主线为 Cloudflare 收购后的事务。该库的核心价值在于把复杂的着色器编程封装为声明式标签，开发者在 React 等框架中使用 `<Shader>` 作为根容器，嵌套 `<LinearGradient>`、`<CursorTrail>` 等子组件，即可在运行时自上而下求值并直接在显卡管线中混合渲染。整个库涵盖纹理、材质、风格化等十大类共 200 个现成组件，兼容 React、Vue、Svelte 等六大前端框架，官方宣称已有上千个网站的 1.6 万名设计工程师使用。 WebGPU 普及契机与十四个月的技术重写 (2:05) Shaders 的爆发离不开 WebGPU 标准的全面落地。相比堆叠易掉帧的 CSS 滤镜、无交互计算能力的 Lottie 以及体积沉重的 Three.js，主流浏览器于 2025 年末完成对 WebGPU 的正式支持，覆盖近九成用户设备，使 GPU 可编程特效具备入驻生产环境的条件。作者 Simon Le Marchant 曾是 Vue 生态讲师并参与过尤雨溪公司的品牌设计。该项目原名 Ombre，在 2024 年底以 36 美元买断制销售时几乎无人问津，2025 年 8 月在 Hacker News 发布也仅得 2 分。作者历时 14 个月自研轻量引擎替换 Three.js，宣称编译速度提升 25 倍，并注册公司、申请商标并买下顶级域名 shaders.com，为后续爆发完成了底层与品牌铺垫。开源逆袭与拥抱 Coding Agent 的发行模式 (4:00) 2026 年 10 月 6 日转为 MIT 开源后，项目前 4 天拿下总星数的 73%，npm 周下载量达 12.7 万次，与闭源时期的冷清形成鲜明反差。面对 AI 让着色器代码编写贬值的现状，作者提出“开源地基更有价值”，将代码作为免费基底，转而提供专为 AI Agent 优化的分发通道。项目集成了可通过单命令配置至 Claude Code、Cursor 等环境的 MCP 服务器，注入规则的 Agent 技能包，以及适合大模型解析的 llms.txt 文档。这印证了当前软件分发向“文档+NPM+命令行+MCP+技能包”演进的新趋势，也引来部分对其历史提交压缩和早期用户量真实性的质疑。性能瓶颈、维护隐患与光效的使用克制 (5:56) 在热度之外，该项目暴露出显著的工程与商业局限。实测显示高配 MacBook 浏览官网依然出现掉帧，特效被部分开发者质疑偏向“屏保”；Linux 端的 Chrome 与 Firefox 仍未默认开启 WebGPU；商业端每月 10 美元订阅或 299 美元买断的 Pro 权益与开源版 MCP 的免费边界模糊。更为致命的是其“巴士因子”等于一，公司无融资记录且仅作者一人，开源数天后提交停止、Issue 出现零回复。对此，节目指出光效在营销落地页等调动情绪的场景性价比极高，但在工具与后台管理界面中应保持克制，避免无节制的光效增加用户显卡负载。 Shaders 验证了 AI 时代“地基免费、策展收费、代理先行”的软件发行模式，但其实际生产可用性仍受制于 Linux WebGPU 兼容盲区、高硬件开销以及单人项目的维护停摆风险。

Source quotes

[5:56] 留白就是美德，别让用户的显卡为你的审美加班 [4:00] Simon Le Marchant: AI让着色器前所未有的容易写，而这让我们相信开源地基变得更有价值，而不是更少。 [5:56] AI 时代的软件发行，地基免费，策展收费，代理先行。 [2:05] 买下品类词就是买下品类

Original transcript

[0:00] 先纠正一个中文圈的错误这几天不少文章在传,由雨昕开源了一个200个特效的组件库,标题写着尤与希又出手了这事查证下来不成立这个叫Shaders的酷公司叫Shader Effects跟尤宇希没有股权或者雇佣关系尤宇希的真实主线是她的公司被Cloudflare收购了尤雨昕确实转发推荐过它,但转发和出品是两回事,不过这条讹船的流量恰恰说明它有多火,三周五千一百颗星,NPM周下载十二万七千。真实的故事比鹅船更有意思一个B元卖了一年没人理的产品,开元三天拿了三千颗星。这期视频带你逛一遍这间特效陈列室。他是什么?一句话,把GPU特效做成一个标签,你在React里写一个Shader标签,往里面塞子组件,子组件就是图层,从上到下求值,在显卡上混合。想要渐变就放Linear Gradient。想要鼠标托尾就放Cursor Trail,会写JSX就能用上光效,不用碰折色器语言,组件一共200个,分10大类。纹理类55个极光等离子的网格渐变材质类23个玻璃各液态金属全息风格化31个光运故障SKS字符化VHS录像带还有交互类16个,扭曲类22个,转场13个,React,View,Svelte,Solid,原生JS,Framer,6个框架入口全都有。官方自述上千个网站的16000名设计工程师在用这个数字后面还会再谈到为什么偏偏是现在?答案是Web GPU终于集齐了。2023年Chrome 113版率先默认开启2025年Safari 26版和Firefox 141版跟上2025年11月,四大浏览器全部正式支持,如今全球近九成用户可看,以前做网页特效,CSS的背景滤镜一多,一动端就掉针。Lotti本质是矢量动画回放,做不了实时计算,针上3JS诱重得不像画,GPU可编程特效这条路第一次到了可以放进生产环境的时刻。顺便说,设计工程师这个词也不是这个库发明的,但他把这个词用在了最对的地方。幕后故事值得细讲作者叫Simon Le Marchant奥兰多的独立开发者他的底子在Vu生态VuSchool的讲师给White官网做过贡献,还参与过有雨系公司的品牌重塑,俄传大概就是从这里来的。这条产品线2024年底起步,最早叫Ombre,36美元买断制,在独立软件平台上卖。2025年6月NPM包首发,8月上Hacker News展示,拿到2分,4条评论,还有人留下一句,又是一个候补名单,散了吧。然后他干了14个月,闭门重写,渲染层从3JS换成自研轻量引擎,宣称编译快25倍。期间还办了三件事,注册了特拉华公司,申请了SHADRS商标。买下了shaders.com这个停放广告放了22年的域名买下品类词就是买下品类2026年10月6日,MIT开源,官方推文59万浏览,6300次转发,一天1000颗星,前4天拿走如今73%的星,MPM周下载冲到12万7千,对照组特别残酷。同一个产品,今年7月上Product Hunt22票,去年闭源时期上Hacker News2分,开源当日上Hacker News64分,有人质疑,一万六千用户,仓库初始提交才一周前,他没回应。事实是,仓库是发布时新建的,历史被压缩成二十个体交,碧原那年的用户是真实存在的,但选择不公布完整历史,就别怪别人用观感质疑你。这个酷最特别的动作是他对AI的姿态三条通道MCP服务器一条命令 [5:00] 配置进Cloud Code。CursorCodexWindsurf让代理自己搜索安装编辑特效Agent 技能包给 Cloud Code 注入组件使用知识。还有LMS TXT把全部组件参考写成给大模型读的格式。公告里有句话值得全文朗读AI让着色器前所未有的容易些而这让我们相信开原地基变得更有价值而不是更少翻译一下AI会写Shader了Shader本身在贬值那就把经过生产检验的200个组件开源当地基卖上面的策展和便利这是我最想讲的趋势发行方式正在Agent化文档加NPM加命令行加MCP加技能包正在成为新库的标配冷水也要泼Hacker News的实测3000美元的MacBook滚官网掉帧有人看着200个特效说这些全是平保Web GPU全覆盖依然有缺口Linux上的Chrome和Firefox至今没默认开启开源和付费的边界官网自己都说不原LABE说MCP免费包含定家页说托管MCPL ProPro订阅每月10美元或299美元买断,买1000多个预设和无水印高清导出,最扎心的还是这个,仓库10月9号之后没有再提交过。五天里涌入的五个问题,林回复。整个公司查无融资,公开成员一人。八十因子是一的意思是作者一旦忙别的去了这栋楼就没有物业管理最后说光该怎么用做过前端审美的朋友可能记得我们之前聊设计方法论的时候白纸黑字放弃过极光玻璃拟态和发光标题这次把话说全光没有错错的是没有节制的光营销页、作品集、发布会的头图该上就上GPU光效现在是性价比最高的高级感工具、文档、后台系统留白就是美德别让用户的显卡为你的审美加班Shaders这个项目给我看到的是一条路线图AI时代的软件发行,地基免费,策展收费,代理先行。他自己那句话说得最好,是时候出货魔法了。至于魔法用在哪儿,决定权还在你手里?这期就到这儿项目地址在简介里,我们下期见!

Simon Le Marchant开源Shaders引爆百万流量 靠AI通道押注WebGPU