一条帖子、一天写完的工具、1 万颗星:M3E Canvas 赢在先讲了一个能马上试的技巧
它是什么 一个浏览器里的免费画板:用 Google Material 3 Expressive 的真组件拖出 App 屏幕、连好跳转,再导出一段提示词,贴给 Claude Code、Codex、Cursor 去写代码。
为什么火了 作者先发了一条「对 AI 说一句『用 M3E』界面就不再有 AI 味」的技巧帖,讲中了 vibe coding 圈的痛点;读者自己就能马上试,试完再来用工具,随后中文搬运号、LinkedIn 大号和 Trendshift 日榜接力传播。
B你可以怎么跟 别 fork 换皮;找一套你熟的设计系统(Liquid Glass、shadcn、HarmonyOS),先发一条能马上复现的「说之前 / 说之后」技巧帖,有反应再在 48 小时内放工具和长文。
- 数据(每天更新) · 建库 2026-09-02 · 10,196 星 · 7 天 +250
GitHub · 星数 数据 2026-10-09 → 2026-11-08(31 天,31 次观测)。10-28 以前的点来自 deeply / 存档补录,不是每天都有
日本一名大一学生发帖说「让 AI 用 Material 3 Expressive 写 App,出来就有 Google 原生的质感」,帖子火了,她趁热放出一个和 Claude 一天写完的画板工具,65 天拿到 1 万颗星。真正被传开的是那个技巧,星落在了工具上。照着换一套设计系统再做一遍的人已经有了,拿到的星是个位数。
9 月初的一条日文帖子
2026 年 9 月初,X 上一个叫いのり(@lnkiai)的日本大一学生发了这么一条:
みんな Android アプリをあんまり作ってないかもだけど、バイブコーディングで AI に「Material 3 Expressive を使って Android アプリを作って」って頼むだけで、Google っぽいおしゃれなデザインになるからマジで神
大意是:大家可能不怎么做 Android App,但 vibe coding 的时候只要跟 AI 说一句「用 Material 3 Expressive 做」,出来的就是 Google 那种好看的设计,真的神。
反应远超她的预期。她后来在 Zenn 上写:「没想到 Android 的话题能涨这么多,说实话吓了一跳。」9 月 2 日,她建了 lnkiai/m3e-canvas 这个仓库;9 月 4 日,Zenn 长文《UIを描いたらプロンプトになるツールを作った》(画出 UI 就变成提示词的工具)发出来。文章里有一句很多人会想引用的话:这个工具是她和 Claude 一起,一天写完的。
到 11 月 6 日,这个仓库 10,166 颗星、1,122 个 fork(GitHub,11-06)。这是她 GitHub 上唯一的仓库。
它是什么
一个只在浏览器里跑的画板,不用注册、不用装、没有服务器。左边是 Material 3 Expressive(Google 2025 年发布的新版设计语言,下面简称 M3E)的真组件:顶栏、搜索框、卡片、底部导航、会变形的加载动画,一共 30 多种。拖到手机或桌面屏幕上,按钮靠近会像磁铁一样吸在一起;给按钮设好跳到哪个屏幕,就能点着预览整个流程。
最后一步不出代码,出一段提示词。比如一个「菜谱」屏幕,导出来是这样一段话:主题色是哪几个、每个颜色对应 M3 的哪个角色名;从上到下摆了什么;点这张卡片滑到哪个页面;卡片圆角 20dp、内边距 16dp。复制,贴进 Claude Code、Codex、Cursor,让它去写。
她在 Zenn 里点出了两处用心的地方:一是不让 AI 直接写死颜色,而是「一定用 primary、surfaceContainer 这些角色名引用」,AI 就不会自己掺进一个莫名其妙的紫色;二是每个组件的尺寸都按 M3E 标准值写清楚,再加一句「标准组件能做到的就交给标准组件」,AI 就不会开始自己画按钮。
为什么是它火了
她在长文里把一个 prompt 技巧讲成了一套说法:AI 做的 UI 一股 AI 味——渐变、阴影、满屏说明文字——不是 AI 不会做,是要它自己拿主意的事情太多。颜色、圆角、留白、按钮高度全是临场发挥,所以每次都不太一样,拼在一起就是乱。设计系统把这些全定好了,AI 只要按标准摆标准组件就行。
这个说法落在 2026 年最热的痛点上。vibe coding 的人都受够了「AI 味」的界面,同一时期 GitHub 上一批「设计 → agent」的项目都在涨,baoyu-design、open-codesign、Google 的 stitch-skills 都在几千颗星上下。而 M3E 在 2026 年已经全面进了 Android 和 Jetpack Compose,读者拿来就能用。
关键在于,读者不用装她的工具就能先试那个技巧:对 AI 多说一句话,效果立刻能看到。技巧验证了,再去点她的工具,省掉「用文字描述布局」这件最累的活。传开的是技巧,星落在工具上。
星是怎么涨上来的
| 时间 | 发生了什么 | 热度 |
|---|---|---|
| 9-02 | 建仓,前一条 X 帖子已经在发酵 | fork 当天 4 个 |
| 9-04 ~ 05 | Zenn 长文;中文 AI 搬运号转发,还写着「刚突破 500 星」 | fork 9-04 有 97 个,9-05 有 164 个(峰值) |
| 9-07 ~ 08 | LinkedIn 上的开发者大号 Ram Maheshwari 发「Woah... This is actually insane for vibe-coding apps & websites with Material 3. 🤯」,同一条在 Instagram、Facebook 也发了;西语圈也有人跟着发 | 9-08 单日 +548 星,进 TypeScript 榜第 21(Trendshift) |
| 9-15 | 已经 6,825 星(nerdbite 报道) | 9 月中下旬每天 70–280 |
| 10 月 | 韩文、日文资讯站陆续写,SEO 内容站和 YouTube、TikTok 搬运 | 每天 15–90 |
| 10-31 | GIGAZINE 日文、英文版报道 | 11-06 当天 +78,10 月中以来最高(推断和这篇报道的余波有关) |
前 5 天大约拿了 4,200 颗星(用 Trendshift 9-07 以后的累计倒推,估)。逐个 star 的时间 GitHub 这次没给出来,上面的节奏是看 fork 日期推出来的,fork 是一个人真动手的信号,大多来自正常的个人账号。
几件让转化做得好的小事:README 是一个落地页——开头一张 GIF,从画屏幕、点流程、复制提示词,到 Claude Code 在终端里写代码、手机上跑起来,一镜到底;英日中韩四种语言;一个「Open the app」大按钮直接打开 GitHub Pages;上 Trendshift 日榜第 1 之后立刻把徽章挂上去。fork 率 11% 偏高,也是因为 README 教人 fork 一份自己部署。
没找到的渠道:Hacker News、Product Hunt、付费推广都没有。
谁在做差不多的事
| 项目 | 体量 | 和它的区别 |
|---|---|---|
| Google Stitch / stitch-skills | Google 官方,skills 库 8.7k 星 | 文字或图片 → AI 生成 UI 和代码,布局由 AI 决定 |
| Figma Make / Figma MCP | 设计行业标配 | 要会设计、要付钱 |
| open-codesign、baoyu-design(Claude Design 的开源平替) | 8.2k、6.1k 星 | 从 prompt 生成原型,方向正好反过来 |
| superdesign、OpenPencil | 7.6k、7.1k 星 | AI 设计画布,不锁设计系统 |
| draw-a-ui / tldraw make-real | 约 5.4k 星 | 手绘草图直接出代码 |
| screenshot-to-code | 81k 星 | 截图转代码 |
「画 UI 再交给 AI」的东西很多,但「锁死一套真设计系统、产物是给 agent 的文字说明而不是代码」这个组合,在它之前没看到。
已经有人换个设计系统照做了
最直接的跟法是:M3E 换成别的设计系统,再做一遍。这件事已经有人做了,结果很说明问题(GitHub,11-06):
- LazyBonesLZY/miuix-canvas,9-12 建,「Sketch HyperOS / Miuix screens in the browser and turn them into vibe-coding prompts」,换成小米 HyperOS 的设计语言:6 颗星。
- jason2be/SwiftUI-Canvas,9-06 建,描述照抄原版的句式换成 SwiftUI:0 颗星。
- NickFangVFX/tos-design-system,9-22,基于 m3e-canvas 改的自家设计系统:0 颗星。
- 借 M3E 热度的周边:shadcn-m3e 62 颗星,把 M3E 设计判断做成 agent skill 的 charliesbot/android-design 36 颗星。
这几个都是把工具换皮,前面没有那条能马上试的技巧,也没有人帮着传。工具的形态本身不带流量,这一点已经被验证过了。
如果是你
判断: 值得学,值得试,但要跟的是她的打法,不是她的工具。换一套设计系统再做一个画板,已经有人做了,拿到的是 0 到 6 颗星。
适合谁: 手上本来就有一个「对 AI 多说一句话、界面立刻变好看」的真技巧,并且有地方发出去的开发者——一个几千粉丝的 X 账号、一个技术博客、一个固定的中文或日文圈子。熟悉某一套设计系统(iOS 26 的 Liquid Glass、shadcn、Fluent 2、HarmonyOS)、知道 AI 在那套系统上最常犯什么错的人更好。
不适合谁: 没有任何发布渠道、打算靠 README 自然涨星的;只想把 m3e-canvas fork 下来换皮的。
怎么做:
- 先发技巧,不发工具。一句能复制的提示词,配一张「说之前 / 说之后」的对比截图。比如「让 AI 写 iOS 界面时只用 SwiftUI 系统组件和 Liquid Glass 材质」管不管用,先自己试出效果。
- 帖子有反应,48 小时内把工具和一篇长文跟上。她从发帖到建仓再到长文,前后不到一周;工具和 Claude 一天写完,这一步不是瓶颈。
- 产物做成中立的提示词或 agent.md,谁家的 coding 工具都能用。
- README 照她的做:一张从画图到手机上跑起来的完整 GIF,多语言版本,一个能直接打开的网页按钮,上榜就挂徽章。
怎么获客: 母语圈先发(她是日文 X + Zenn),等中文 AI 搬运号和 LinkedIn 上的 vibe-coding 大号来转——这两拨是她第二、第三波的来源;冲一次 Trendshift 日榜。
什么时候之前: 「AI 味 UI」这个说法还新鲜的时候,也就是 Google Stitch、Figma、Claude Design 这类大厂工具把「出来就好看」做成默认之前。估计还有几个月,不会更长。
什么情况说明看错了: ① miuix-canvas、SwiftUI-Canvas 这类换皮版里,有一个在没有大号转发的情况下一个月过了 1,000 颗星——说明形态本身就能带流量,直接照做也行;② m3e-canvas 在 12 月重新冲上每天几百颗星——说明需求还在扩大,不是一次性的;③ 有人发了「用 X 设计系统去 AI 味」的技巧帖,火了,但跟着放出的工具涨不起来——说明这一招已经被用过了,读者不再为工具点星。
数据与出处:GitHub 仓库页与 fork 记录(11-06);每日 star 数(10-17 至 11-06);trendshift.io/repositories/208608;作者 Zenn 文章 zenn.dev/lnkiai/articles/fef5d8e52368cc(9-04);aiproducthub.cn 转帖(9-04、9-05);Ram Maheshwari 的 LinkedIn 帖(9-08);nerdbite(9-15);GIGAZINE(10-31);miuix-canvas、SwiftUI-Canvas、tos-design-system、shadcn-m3e、android-design 的 GitHub 页(11-06)。
研究底稿:竞品表、获客证据、完整研究报告
- 竞品
名字 在哪 上线 规模 它和这家不同在哪 Google Stitch(+ stitch-skills) 大厂功能 2025-05;skills 库 2026-01 Google 官方;stitch-skills 8.7k star Stitch 从文字或图片由 AI 生成 UI 和代码;M3E Canvas 是人摆真组件,只输出 prompt,更可控 Figma Make / Figma MCP 大厂功能 2025 设计行业标配 要设计能力、收费;M3E Canvas 免费,面向不会设计的开发者,只用 M3E Claude Design 及开源平替 open-codesign / baoyu-design 大厂功能 2026 open-codesign 8.2k、baoyu-design 6.1k star 从 prompt 生成原型;M3E Canvas 反过来,先画再出 prompt superdesign 开源 2025-06 7.6k star AI 生成设计,没有设计系统的约束 OpenPencil 开源 2026-02 7.1k star 通用 AI 向量画布,不绑 M3E,不以 prompt 为产物 tldraw make-real / draw-a-ui 开源 2023-11 draw-a-ui 约 5.4k star(Trendshift 相似库) 手绘草图直接出代码;M3E Canvas 用结构化真组件,出给 agent 的说明 screenshot-to-code 开源 2023-11 81k star 截图转代码,要先有图,没有设计系统 Material Theme Builder / 官方 M3 Figma Kit 大厂功能 2021 起 Google 官方 只管主题或组件,不搭流程、不出 prompt Uizard / Visily 网页 2018–2022 商业 SaaS 收费、通用风格;M3E Canvas 免费开源、绑 M3E、面向 coding agent - 用户从哪来
- 查实 作者的日文 X 帖子:Zenn 文章自述:那条「M3E で頼むだけで神」的帖子反应远超预期,随后推出工具;X 简介「M3E Canvas ⭐️10k+」
- 查实 Zenn 技术长文:2026-09-04《UIを描いたらプロンプトになるツールを作った》zenn.dev/lnkiai
- 查实 中文 AI 搬运号 / 公众号:aiproducthub.cn 09-04、09-05 两帖(「刚突破 500 星」);10-09 微信文章
- 查实 LinkedIn / Instagram / Facebook 开发者网红:Ram Maheshwari 09-08「Woah... insane for vibe-coding」,和 Trendshift 09-08 的 +548 峰值对得上;Sunil Sharma、Zakir Mavlyanov 等人的帖子
- 查实 Trendshift 日榜:README 挂「#1 repository of the day」徽章;09-08 进 TypeScript 榜 #21
- 查实 日韩媒体与 SEO 内容站:GIGAZINE 10-31、ainformation.jp、Yupir、asapai.co.kr、PyShine、zentor、SourceForge 镜像、YouTube / TikTok 搬运
- 推断 GitHub 全站 Trending:9 月爆发期大概率上过,但我们的库没覆盖
- 推断 HN / Product Hunt / 付费推广:hackernews 库无记录,没找到证据
M3E Canvas(lnkiai/m3e-canvas)为什么能跑出来
渠道:GitHub。研究日 2026-11-06。数据来源:我们的 github / hackernews 库、GitHub API、Trendshift、网页搜索(Jina / Exa)。
一句话
M3E Canvas 是一个纯浏览器、免登录的画板:用真的 Material 3 Expressive(M3E)组件拖出 App 屏幕、连成可点的流程,再把整套设计导出成一段结构化提示词,交给 Claude Code / Codex / Cursor 去写代码。作者是日本一名大一学生(いのり,@lnkiai)。项目 2026-09-02 建库,65 天 1.0 万 star、1,100+ fork。
结论:它是靠一条日文 X 帖子先火起来的。那条帖子说「让 AI 用 Material 3 Expressive 写 App,出来就有 Google 原生的质感」,讲中了 vibe coding 圈「AI 做的 UI 一股 AI 味」这个痛点。随后中文 AI 搬运号、LinkedIn / Instagram 上的 vibe-coding 网红接连二次传播,项目又上了 Trendshift 日榜第 1。前 6 天就拿到约 4,300 star,之后靠长尾稳定在每天 20–80 个。它的差异化是「用一套现成设计系统的真组件画图,输出给 coding agent 的文字说明,而不是输出代码」。这个切口窄,但正好接上了「设计系统 + agent」这个当下的热词,这就是它能跑出来的主要原因。
1. 增长曲线
- 建库 2026-09-02 04:36 UTC。fork 的建立日期可以当热度的代理指标(stargazers 接口这次 404,拿不到逐条加星时间):09-02 有 4 个,09-03 22 个,09-04 97 个,09-05 164 个(峰值),09-06 60 个,09-08 74 个(GitHub API /forks,全量 1,122 条按天计数)。
- Trendshift 只从 09-07 开始有逐日数据:09-07 +389,09-08 +548(这天进了 TypeScript 榜 #21),09-09~09-11 每天 250–350,09 月中下旬每天 70–280,10 月每天 15–90,11-05 +86,11-06 +38。09-07 到 11-06 合计 +5,897 star、+799 fork(https://trendshift.io/repositories/208608)。由此倒推,09-02 到 09-06 这 5 天大约拿了 4,200 star。
- 中文搬运帖在 09-04、09-05 还写着「刚突破 500 星」(aiproducthub.cn/status/36565、37688);到 09-15 nerdbite 报道时已经 6,825 star。这说明爆发发生在 09-05 前后的 48 小时里。
- 我们的库:10-17 是 9,406,11-06 是 10,115;近 7 天 +236,上一个 7 天 +291;11-06 当天 +78,是我们观测期(10-28 起)里的单日最高,但和 9 月的量级比只是一次小脉冲。trending_days_any=0,是因为我们的 trending 表只收建库满约 60 天的库,而且 10-28 才开始采,不代表它 9 月没上过 GitHub Trending(未核实)。
- 现在 GitHub API 显示 10,166 star / 1,122 fork / 38 watcher。fork 率约 11%,偏高。这和项目性质对得上:它是静态 Next.js 应用,README 教人 fork 之后用 GitHub Pages 部署自己的一份。
2. 用户从哪来(增长手段)
- 作者自己的日文 X 帖子(起点,已确认)。作者在 Zenn 文章《UIを描いたらプロンプトになるツールを作った》(2026-09-04,zenn.dev/lnkiai/articles/fef5d8e52368cc)里写,她先发了一条帖子:「バイブコーディングで AI に『Material 3 Expressive を使って Android アプリを作って』って頼むだけで、Google っぽいおしゃれなデザインになるからマジで神」,「思った以上に反応があって……正直びっくり」,然后趁热推出了这个工具。X 个人简介「M3E Canvas ⭐️10k+ stars」,发帖 1,303 条(x.com/lnkiai)。帖子的具体互动数没拿到(未核实)。
- Zenn 技术长文(已确认):09-04 发布。内容讲清了「AI 做出来的 UI 为什么有 AI 味:要它自己决定的东西太多;交给设计系统来定就好了」,把一个 prompt 技巧讲成了方法论。
- 中文 AI 搬运号(已确认):09-04、09-05 aiproducthub.cn 上「哇!是牛来」「胡辣汤爱酸菜」等账号的帖子(这个站镜像 X 上中文 AI 博主的内容)。之后 10-09 有微信公众号文章(cn.todayrss.com/t/rVigguNJvE),Trendshift 页面上也有中文简介。
- LinkedIn / Instagram / Facebook 上的 vibe-coding 网红(已确认):Ram Maheshwari(@rammcodes,开发者大号)09-08 发「Woah... This is actually insane for vibe-coding apps & websites with Material 3. 🤯」,同一套文案还发在了 Instagram reel 和 Facebook 视频上。这和 Trendshift 上 09-08 的 +548 单日峰值对得上。另有 Sunil Sharma(09-07)、Zakir Mavlyanov(09-04)、Alex Fioquetti(西语,09-08)等人的 LinkedIn 帖,以及 Threads 上的 @githubawesome6(09-08)。
- Trendshift / 榜单(已确认):README 挂着「Trendshift: #1 repository of the day」徽章,作者主动把这个上榜结果当成了社会证明。
- 自动生成的内容站和 SEO 长尾(已确认):arsentev.ai(09-03)、hdatf.com、ac0.ai(09-06)、repocompass(09-13)、PyShine(10-05)、zentor.ai(10-21)、setproduct freebies、softrankings、SourceForge 镜像、YouTube Shorts 和概览视频、TikTok(@eguonormajemite),还有伊朗的 DevTwitter Telegram 频道(10-09)。
- 日韩媒体二波(已确认):韩文 asapai.co.kr(09-25)、tau-home(10-06);日文 Yupir(10-08)、daaquan(10-15);GIGAZINE 日文、英文版 10-31(https://gigazine.net/gsc_news/en/20261031-m3e-canvas/),ainformation.jp(10-31)。11-05、11-06 的小反弹可能和 GIGAZINE 的余波有关(未核实)。
- README 本身就是转化页(已确认):有演示 GIF(画屏幕 → 点流程 → 复制 prompt → Claude Code 在终端里写出来 → 手机上跑起来)、四语 README(英日中韩)、四张 M3 风格的功能卡片、一个「Open the app」大按钮(GitHub Pages 直接能用)。
- 没有找到的渠道:HN(hackernews 库里没有这个库或 lnkiai 的故事)、Product Hunt、付费推广。
- 刷星嫌疑:nerdbite 09-15 那篇文章提出过质疑,但只是泛泛而谈,没给证据。增长曲线是「帖子爆发 → 网红二波 → 指数衰减 → 媒体小反弹」的自然形态,fork 也来自大量真实的个人账号。没有发现刷量的证据,但也没能逐个核对 stargazer。
3. 用户为什么来、为什么愿意给 star
- 时机:2026 年 vibe coding / Claude Code 正热,「AI 做的 UI 千篇一律、一股 AI 味」是公认的痛点。同期 GitHub 上一批「设计 → agent」的工具都在涨,比如 baoyu-design(6.1k,近 7 天 +1,072)、open-codesign(8.2k)、OpenPencil(7.1k)、google-labs-code/stitch-skills(8.7k)(都来自 github 库)。M3E 则是 Google 2025-05 发布的设计语言(当时 HN 360 分、557 条评论),到 2026 年已经全面进了 Android 16/17 和 Jetpack Compose,可以直接拿来用。09-21 Googlebook OS 也用了 M3E(Techmeme / The Verge),又给它加了点热度。
- 一句话就能讲清楚的钩子:「让 AI 用 M3E 写,就不会有 AI 味」是一个零成本的技巧,读者自己马上能试;工具则把「用文字描述布局」这件最费劲的事换成拖拽。传播的是这个技巧,star 落在了工具上。
- 零门槛:不用账号、不用服务器、不用安装,打开网页就能用。AI 功能自带 key,key 不出浏览器。
- 完成度高:213 个 commit,覆盖 30 多种 M3E 组件、手机和桌面两种屏幕、流程预览、主题、四语 prompt,还有给 agent 读的 public/agent.md(agent 可以反过来画一张设计稿,回一个分享链接)。看起来不像一个 demo。
- 作者故事:一个日本大一学生独立开发,日文圈天然愿意帮着传。
4. 竞品
| 产品 | 类型 | 上线 | 规模 | 和 M3E Canvas 的不同 |
|---|---|---|---|---|
| Google Stitch(+ stitch-skills) | 大厂功能 / 网页 | 2025-05(I/O,前身是 Galileo AI);skills 库 2026-01 | Google 官方,skills 库 8.7k star | 从文字或图片生成 UI 再导出代码,AI 来决定布局;M3E Canvas 是人来摆真组件,只输出 prompt,结果更可控 |
| Figma Make / Figma + MCP | 大厂功能 | 2025 | 设计行业标配 | 要专业设计能力,收费;M3E Canvas 免费、给不会设计的开发者用,而且只用 M3E 这一套 |
| Claude Design(claude.ai/design)及开源平替 open-codesign(8.2k)、baoyu-design(6.1k) | 大厂功能 / 开源 | 2026 | 见左 | 从 prompt 生成原型 HTML;M3E Canvas 反过来,是先画再出 prompt |
| superdesign | 开源(IDE 内设计 agent) | 2025-06 | 7.6k star | AI 生成设计;没有设计系统的约束 |
| OpenPencil | 开源(AI 向量设计画布) | 2026-02 | 7.1k star | 通用画布 + AI 生成;不绑定 M3E,也不以 prompt 为最终产物 |
| tldraw make-real / draw-a-ui | 开源 | 2023-11 | Trendshift 把 draw-a-ui 列为相似库(5.4k) | 手绘草图直接生成代码;M3E Canvas 是结构化组件,输出给 agent 的说明 |
| screenshot-to-code | 开源 | 2023-11 | 81k star | 截图转代码;要先有图,没有设计系统 |
| Material Theme Builder / 官方 Figma M3 Kit | 大厂工具 | 2021 起 | Google 官方 | 只管主题或组件库,不搭流程、不出 prompt |
| Uizard、Visily 等 AI 线框图 SaaS | 网页 | 2018–2022 | 商业 SaaS | 收费、通用风格;M3E Canvas 免费开源、绑 M3E、面向 coding agent |
结论:做「画 UI → 让 AI 写」的产品很多,大厂也在做。但「锁死一套真实设计系统 + 输出文字 prompt 而非代码」这个组合,在 M3E Canvas 之前没看到同类开源产品。
5. 差异化,以及它是不是跑出来的原因
- 差异化有三层:① 只用 M3E 真组件(连形变 loading、wavy progress、magnetic 组合这些细节都做了),所以画出来就是 Google 原生的样子;② 产物是 prompt 而不是代码,不跟任何 coding agent 抢活,而是接在所有 agent 的上游;③ 纯静态、免登录、BYOK。
- 这些差异化就是它跑出来的原因,但起作用的是「叙事」层面的差异化:流量的起点是「M3E 就是去 AI 味的设计系统」这个观点,工具是这个观点的落地。没有那条帖子和那篇 Zenn 长文,一个「Android 原型画板」本身很难破圈。作者自己也说「没想到 Android 的话题能涨这么多」。
6. 能见度与跟风
- 能见度:小圈子里在传,偏中等。上过 GIGAZINE、Trendshift 日榜第 1,LinkedIn / IG 有开发者大号转发,日中韩英各语种的聚合站都写过。但没有上 HN,也没有 TechCrunch 这类主流科技媒体报道。开源项目,不涉及收入,作者靠 GitHub Sponsors 和 X 订阅「いのスク」变现。
- 跟风:没有找到直接的克隆。周边有一些借 M3E 热度的库,比如 shadcn-m3e(62 star,10-01)、charliesbot/android-design(把 M3E 设计判断做成 agent skill,36 star,09-27)、SourceForge 镜像,但没人把「设计系统画板 → prompt」这个形态搬到 iOS Liquid Glass、shadcn 等别的设计系统上(github 库里按描述检索过,没有命中)。
7. 可借鉴
- 先发「技巧」,再发「工具」:先用一条可以马上复现的 prompt 技巧验证共鸣,爆了之后 48 小时内把工具和长文跟上。
- 把一个大厂刚推、开发者还不会用的设计系统,包装成 AI 时代的「约束层」。iOS 26 Liquid Glass、shadcn、Fluent 2、HarmonyOS 设计规范都可以照这个套路做,目前还是空位。
- 产物定为「给 agent 的 prompt / agent.md」,中立于所有 coding 工具,谁的用户都能用。
- README 当落地页来做:演示 GIF 讲完整闭环、四语版本、可以直接打开的 Pages 链接、榜单徽章当社会证明。
- 用开源的名气给下一个项目引流(作者已经在预热 Live2D / VTuber 制作套件),并接上 Sponsors 和 X 订阅变现。
8. 不确定
- 起点那条 X 帖子的具体 URL、发布时间和互动数没拿到(只有作者在 Zenn 里的自述)。
- 9 月是否上过 GitHub 全站 Trending、名次多少,我们的库没有覆盖(未核实)。
- stargazers 接口这次 404,没能抽查 star 账号的质量;刷量的可能性没法完全排除,但曲线形态和 fork 账号看起来都是自然增长。
- 实际使用量(Pages 访问、prompt 复制次数)不公开。
- 11-05、11-06 小反弹的来源不明,可能是 GIGAZINE 的余波或某条新的转帖。