
一条落地页合辑视频,4 天让一个 Markdown 文件从 2.8k 星涨到 1 万星:设计师 Elaya 的 AI 设计技能
它是什么 一个开源的 Markdown 文件,装进 Claude Code、Cursor、Codex 后,让 AI 按一套固定的流程和视觉规则做落地页。
为什么火了 作者是在接活的设计师,用它做了一整屏好看的真作品,剪成合辑视频发到 X 爆了;又正赶上「设计师写的 AI 技能」集体爆发的那一周,还上了 GitHub 全站日榜第 1。
C你可以怎么跟 别再做通用设计技能;如果你是有作品的设计师,挑一个窄品类(App 截图、PPT、中文落地页)写技能,先在 X 持续晒用它做的成品攒两个月,再发一条合辑视频,建库满 60 天时发好吃到 Trending。
- 数据(每天更新) · 建库 2026-07-29 · 14,830 星 · 7 天 +1,730
GitHub · 星数 数据 2026-10-09 → 2026-11-08(31 天,30 次观测)。10-28 以前的点来自 deeply / 存档补录,不是每天都有
elayadesign/ai-design-skills 是迪拜的自由职业产品设计师 Elaya 写的一个开源文件,给 Claude Code、Cursor、Codex 用,教 AI 怎么做落地页。10 月 24 日,他发了一段「这两个月我用它做的所有落地页」的合辑视频,87.7 万次观看,仓库 4 天内从 2,844 星涨到 10,187 星,拿下 GitHub 全站日榜第 1。规则本身写得不算独到,同类里十万星的项目有好几个。它能起来,是因为一个真在接活的设计师拿出了一整屏真作品。这套打法能学,但这个赛道已经挤满了。
一条 87.7 万观看的推
2026 年 10 月 24 日 17:39(UTC),Elaya(X 上 @elayadesigns,约 9 千粉丝,做了 8 年以上产品设计)发了一条推:
「I designed all of these landing pages in the last two months, using @higgsfield, Claude, and Cursor with my custom AI designer skill. The skill is open source.」
配的是一段合辑视频,一张接一张带动效的 SaaS 落地页,动效和视频素材是用 Higgsfield 生成的。到 11 月 6 日,这条推 87.7 万次观看。几分钟后他在同一串里自己回了一条,挂的是个人站「Work With Elaya — Freelance Product Designer for SaaS & Startups」。开源是名片,接单才是目的。
星数的变化和这条推的扩散对得上(GitHub 每日星数):
| 日期 | 星数 | 当天发生了什么 |
|---|---|---|
| 10-24 | 2,833 | 合辑视频发出 |
| 10-25 | 2,844 | 日本博主 @tetumemo 用日文拆解转发 |
| 10-26 | 4,759(+1,915) | 设计圈大号 Tommy Geoco @designertom 发「Designer-made agent skills are everywhere this week」,把它和 taste-skill、hallmark 放一起 |
| 10-27 | 7,473(+2,714) | 单日最高 |
| 10-28 | 10,187(+2,714) | GitHub 全站日榜第 1 |
| 10-29 ~ 10-31 | 11,264 → 12,816 | 日榜第 2、第 7,Medium、YouTube、IG reels 长尾转述 |
| 11-06 | 14,292 | 日增回落到 159,1,070 个 fork |
fork 和星的比约 7.5%,正常;没看到刷星的迹象。
它到底是什么
仓库里现在有两个技能:主打的 landing-page-design,后来补的 figma-designer(在 Figma 里按变量、文字样式、自动布局出稿)。主打的那个就是一个 484 行的 SKILL.md,用 npx skills add elayadesign/ai-design-skills 一行装进 .claude/skills/,也能直接粘进 Cursor 的规则里。
文件分两半。前一半管「页面说什么」:动手之前一次性问清楚——唯一的转化动作是什么、目标用户是谁、他们不转化的三个理由、流量从哪来;然后定首屏结构、写转化文案、做 SEO。后一半管「页面长什么样」,规则写得很死:
- 字体只用 Geist、Manrope、Geist Mono、Poppins,永远不用 Inter、Roboto、Arial;不用斜体,不用 900 粗;
- 正文里不许出现连字符,标题最后一行不许只剩一个词;
- 每个页面必须有一节大字标语,滚动到时一个词一个词从 30% 透明度亮起来。
所有字体、颜色、间距、动效的值都集中在文件底部一节,README 写着「Fork this repo, edit that section」,改一节就是你自己的风格。MIT,「No attribution needed」。
为什么是它、为什么是这一周
第一,演示的是成品,不是规则。 看视频的人没读过那 484 行,他们看到的是一屏屏能直接拿去用的漂亮页面,然后被告知「同一个东西你也能免费拿」。点 star 更像是收藏「能做出这种页面的东西」。
第二,它不是突然冒出来的。 7 月 29 日建库那天作者就发了推。8 月起几乎每条作品推都写「Higgsfield + Cursor + my custom landing-page-design-skill」、挂仓库链接,8-20 一条 8.1 万观看,8-29 一条 7.4 万。两个半月攒到 2.8k 星,攒下的是一批认他审美的关注者,合辑视频是在这个底子上炸开的。
第三,赶上了一波浪。 「AI 做出来的页面都一个样」(Inter 字体、紫蓝渐变、卡片套卡片)是今年下半年大家都在骂的事,SKILL.md 又成了 Claude Code、Cursor、Codex 的通用扩展方式。10 月最后一周是「设计师写的技能」集体爆发的一周:同一周 hallmark 涨了 9.7k 星,impeccable 涨了 11.8k。浪不是它带起来的,它是浪里被看见的那一个。
第四,吃到了 GitHub Trending。 建库已经过了 60 天,够格上全站榜。10-28 拿到第 1,又带来 10-28 到 10-31 每天 700 到 1000 多星的第二波。这一点是撞上的,不是安排的。
文案点名 @higgsfield 也有帮助:Higgsfield 自己在全网大量投放,「我用 Higgsfield 做了……」这类内容容易被它的用户圈转发。
谁在做一样的事
| 项目 | 星数(11-06) | 和它比 |
|---|---|---|
| anthropics/skills(frontend-design 等) | 187.7k | 官方通用前端设计技能,不管转化文案 |
| nextlevelbuilder/ui-ux-pro-max-skill | 145.6k | 设计知识库加检索,出建议,不专做落地页 |
| Leonxlnx/taste-skill | 110.5k | 给 agent「品味」:艺术指导、参考图、浏览器检查 |
| pbakaus/impeccable | 103.8k | 62 个确定性检测器加 CI,2,622 次提交,工程最重 |
| emilkowalski/skills | 53.8k | 动效和交互打磨,用在已有代码上 |
| Nutlope/hallmark | 48.6k | 8 种宽度下渲染,再换干净上下文复审 |
| alchaincyf/huashu-design | 28.8k | 中文圈,能出 HTML、PPT、MP4、PDF |
| Motionsites-AI/claude-skill | 1.7k | 10-26 建库,「电影感落地页」,自带 50+ 视频素材 |
这一圈里,elaya 是工程最薄的:16 次提交,没有检测器,没有渲染校验。它独有的只有两样:只做落地页一件事(连问需求、写文案都管),以及作者本人的作品集就是演示。
还有一段插曲。合辑视频发出的第二天,taste-skill 的作者 Leon Lin 直接在那串推下面回:「hey dude, would appreciate some credits for tasteskill」,附了几张对比截图。elaya 第二天在 README 补上了署名,写明借用了 taste-skill 的内容和动效思路。也就是说,连它的规则里都有一部分是别人的。
跟风的也已经来了:Motionsites-AI/claude-skill 在 10-26,也就是它暴涨的当天建库,标题「Free Claude skill: make Claude build award-level, cinematic landing pages」,11 天拿了 1.7k 星,背后是给自家素材站引流。
星换来了什么
开源本身不收钱,作者的回报在两个地方。一是接单:爆款推下面直接挂了个人站。二是 SlopScan(slopscan.co),用同一套规则审线上页面、生成修复 prompt,11 月 1 日起放进 README 顶部的横幅;TrustMRR 上它近 30 天收入 $14,刚开始。对做开源的人来说,这里该看的不是这 14 美元,而是这条路:1.4 万星的仓库,首页横幅就是一个免费的广告位。
它的软肋
- 东西薄。 一个 Markdown 文件,规则别人随时能抄,还借过别人的内容。
- 热度在退。 日增从 2,714 掉到 159,爆发后两周就回到平地。作者 10-25 加进来的 design-to-motion,10-27 就说「移到自己的仓库」,到现在没看到新仓库公开。
- 星多半是收藏。 实际有多少人装了、在用,外面看不出来;open issue 只有 2 个。
如果是你
一句判断: 学打法,别再做一个「AI 设计技能」。通用设计技能已经有四个十万星的项目,同一周还冒出一批,再做一个同款很难被看见;它能起来靠的是作者那一屏真作品,这东西跟进者拿不到。
适合谁: 本身就是设计师、手上有一批能拿出来的好作品、在 X 或别的平台有点关注者的人。或者在某个垂直品类(App 截图、邮件模板、PPT、电商详情页、中文落地页)确实做得比别人好的开发者。
不适合谁: 没有作品可以演示的人;想靠「规则写得更全」取胜的人,impeccable、hallmark 已经把工程做到了顶;想靠这个赚钱的人,开源技能本身赚不到钱。
怎么做:
- 选一个窄品类,而不是「设计」:比如只做 App Store 截图、只做 pitch deck、只做小红书封面、只做中文 SaaS 落地页。品类越窄,越容易成为那一类的第一个答案。
- 把所有可调的值(字体、颜色、间距、动效)集中到文件一节,方便别人 fork 改成自己的风格,fork 多了也会带来曝光。
- 借了谁的规则,第一天就写进 Credits,别等人在你的爆款推下面要。
怎么获客: 照 elaya 的节奏来:建库当天发一条,之后每做一个作品发一条,都挂仓库链接,先攒两个月;等手上有十几个够好看的成品,剪一条「这两个月我用它做的所有 X」的合辑视频,点名你用的热门工具(Claude、Cursor、某个生成工具),让它们的用户圈帮你转。建库满 60 天再发这条大推,刚好能吃到 GitHub Trending。再把视频私信给日文、中文、设计圈的转述号。
什么时候之前: 「设计师写的技能」这一波 10 月底已经到顶。通用方向的窗口基本关了;垂直品类还有空,但新的 agent 工具和官方技能更新得很快,估计留给你的是几个月,不是一年(推断)。
什么情况说明看错了: 你攒了两个月作品推,每条观看还在几千以下,说明作品本身还不够打动人,这套打法的前提不成立;或者你选的那个窄品类,一两个月内就出了官方技能或者十万星项目的子模块,那就别在那条道上继续加码了。
研究底稿:竞品表、获客证据、完整研究报告
- 竞品
名字 在哪 上线 规模 它和这家不同在哪 nextlevelbuilder/ui-ux-pro-max-skill 开源 2025-11 145.6k 星 数据加检索的设计知识库,出建议;不专做落地页转化 Leonxlnx/taste-skill 开源 2026-02 110.5k 星 通用「品味」技能,带参考图和浏览器检查;elaya 借了它的内容,被要求署名后才补上 pbakaus/impeccable 开源 2025-11 103.8k 星,2,622 次提交 62 个确定性检测器加 CI,工程化程度远高于 elaya 的 16 次提交 emilkowalski/skills 开源 2026-03 53.8k 星 动效和交互打磨规则,用在已有代码上,不从零出页面 Nutlope/hallmark 开源 2026-04 48.6k 星 Together AI 出品的反 slop 技能,多宽度渲染加复审 alchaincyf/huashu-design 开源 2026-04 28.8k 星 中文圈,多格式输出(HTML/PPT/MP4/PDF) anthropics/skills(frontend-design) 大厂功能 2025-09 187.7k 星 官方通用前端设计技能,没有需求访谈和转化文案 Motionsites-AI/claude-skill 开源 2026-10-26 1.7k 星 带 50+ 视频素材的电影感落地页,给 MotionSites 引流 - 用户从哪来
- 查实 作者 X 作品集爆款视频:10-24 置顶推「I designed all of these landing pages…The skill is open source」87.7 万观看,次日起星数日增 1.9k–2.7k
- 查实 作者长期在 X 晒作品:7-29 发布推;8-20 一条 8.1 万观看、8-29 一条 7.44 万观看,都挂仓库链接;10 月初累计约 2.3k 星
- 查实 蹭热门工具名:文案点名 @higgsfield、Claude、Cursor Composer 2.5
- 查实 KOL 和多语种二次分发:@tetumemo 日文拆解(10-25),@designertom 设计技能盘点(10-26),@neil_xbt(10-27),Medium、explainx、YouTube、IG reels
- 查实 GitHub trending:全站日榜 10-28 第 1(+1,395)、10-29 第 2、10-30 第 7
- 查实 skills 目录和 SEO:skills.sh、ui-skills.com、typingmind、agentskillshub、skillleaderboard 等自动收录
elayadesign/ai-design-skills:一个设计师的作品集视频,把一份 SKILL.md 推上了 GitHub 全站第一
研究日期 2026-11-06。渠道:GitHub。
一句话
一位做了 8 年以上的自由职业产品设计师 Elaya(X @elayadesigns,迪拜,约 9k 粉)写了一份给 Claude Code / Cursor / Codex 用的 Markdown 技能 landing-page-design(先问清需求,再定页面结构、写转化文案,最后套一整套视觉规范),外加后来补的 figma-designer。仓库 7 月 29 日开出来,靠作者在 X 上持续晒「用这个技能做出来的落地页」慢慢攒到 2.8k 星。10 月 24 日一条作品集合辑视频拿到 87.7 万次观看,4 天内星数从 2.8k 涨到 10k+,拿下 GitHub 全站日榜第 1。
数据(我们的 github 库 repo_day,另注出处)
- 10-09 2,355 → 10-25 2,844(日增 8–85)
- 10-26 4,759(+1,915)→ 10-27 7,473(+2,714)→ 10-28 10,187(+2,714)→ 10-29 11,264 → 10-31 12,816 → 11-06 14,292(日增回落到 159)
- fork 1,070,fork/星约 7.5%(新库 ≥5000 星的中位数约 11%);库里的 suspect 标记为空。open issues 2 个,16 次提交,没有 release。
- GitHub trending 全站日榜(我们的库,按北京时间):10-28 第 1(当期 +1,395),10-29 第 2,10-30 第 7。star-history.com 记的是 10-27 第 1、10-28 第 2、10-29 第 7,共上榜 3 天。
- 作者另一个库 redesign-skill(7-18 建,审计并改造已有网站)只有 520 星。
它凭什么起来的
第一阶段(7/29 – 10/23):作者自己晒作品,慢慢攒星
- 7-29 07:04 UTC 发布推:"My Landing page design skill, open source intake, structure, copy, and a full visual system in one file"(https://x.com/elayadesigns/status/2082361627282940409),这条推和建库几乎同时。
- 8 月起持续发「Higgsfield + Cursor Composer 2.5 + my custom landing-page-design-skill」做出来的动效落地页,每条都挂仓库链接。8-20 一条 8.1 万次观看(https://x.com/elayadesigns/status/2090356254095130825),8-29「Rebuilding my most viral landing page from last month」7.44 万次观看(https://x.com/elayadesigns/status/2093739197492605107)。
- 结果:10 月初已有 2.3k 星(aiagentskills.net 记过 2,310;我们的库 10-09 是 2,355),之后每天几十颗。
第二阶段(10/24 起):一条作品集视频引爆
- 10-24 17:39 UTC,作者发出置顶推:"I designed all of these landing pages in the last two months, using @higgsfield, Claude, and Cursor with my custom AI designer skill. The skill is open source",配一段多个落地页的合辑视频,87.7 万次观看(https://x.com/elayadesigns/status/2114049200749175174)。getxanalytics 把它收进了「AI Coding launch videos」。
- 同一串里作者自己回了一条 elaya.design「Work With Elaya — Freelance Product Designer for SaaS & Startups」,4.35 万次观看(Google 摘要)。开源是给接单引流。
- 二次传播:
- 10-25 日本博主 テツメモ @tetumemo 用日文拆解并转发(https://x.com/tetumemo/status/2114314782035837369)
- 10-26 设计圈大号 Tommy Geoco @designertom 发「Designer-made agent skills are everywhere this week」,把它和 taste-skill、hallmark 放在一起介绍(https://x.com/designertom/status/2114786186250379759)
- 10-26 作者自己发「reached 7.7k stars」,预告 design-to-motion(https://x.com/elayadesigns/status/2114806587466604676)
- 10-27 @neil_xbt 写了「Their post showing the pages went viral in two days」(https://x.com/neil_xbt/status/2115023701267947654)
- 再往后是一批长尾内容:Medium(10-28,medium.com/@mehulpratapsingh/...)、explainx.ai、thakicloud、codearia、YouTube 视频、Instagram reels、LinkedIn 转帖
- 上了 GitHub 全站日榜第 1,又带来第二波(10-28 到 10-31 每天 700–1000+)。
- 时间顺序对得上:10-25 一天 +11,10-26 +1,915,10-27/28 各 +2,714,和那条视频的扩散节奏吻合。
为什么这时候有人要
- 2026 下半年 agent skill(SKILL.md)成了 Claude Code / Cursor / Codex 的标准扩展方式,skills.sh 能用
npx skills add一行装。「AI 做出来的页面都一个样」(Inter 字体、紫蓝渐变、卡片套卡片)是公认的痛点。setproduct 11-03 的长文把这类技能叫做治「AI slop」的工具(https://www.setproduct.com/blog/design-skills-for-ai-agents-compared)。 - 10 月最后一周正赶上「设计师做的技能」集体爆发:designertom 原话 "everywhere this week";hallmark 一周 +9.7k,impeccable +11.8k。它是这波浪潮里的一员,浪潮不是它带起来的。
为什么愿意 star
- 演示的是结果,不是规则:观众看到的是一屏屏能直接拿去用的漂亮落地页(动效、视频素材出自 Higgsfield),再被告诉「同一个技能你也能免费拿」。star 很大程度上是「收藏这个能做出这种页面的东西」。
- 门槛极低:一个 Markdown 文件,复制进
.claude/skills/就能用;MIT 协议、不用署名;所有设计值集中在文件底部一节,fork 改那一节就成了自己的风格。
竞品
| 名字 | 形态 | 上线 | 规模(github 库 11-06 / setproduct 11-03) | 区别 |
|---|---|---|---|---|
| nextlevelbuilder/ui-ux-pro-max-skill | 开源 | 2025-11 | 145.6k 星 | 一个数据加检索的设计知识库,给建议;不专门做落地页 |
| Leonxlnx/taste-skill | 开源 | 2026-02 | 110.5k 星 | 给 agent「品味」:艺术指导、参考图、浏览器检查。elaya 的技能借了它的内容和动效思路,10-25 被 Leon Lin 当面要署名,10-26 才补上 |
| pbakaus/impeccable | 开源 | 2025-11 | 103.8k 星,2,622 次提交 | 62 个确定性检测器加 CI,工程化程度最高 |
| emilkowalski/skills | 开源 | 2026-03 | 53.8k 星 | 动效和交互细节的打磨规则,用在已有代码上 |
| Nutlope/hallmark(Together AI) | 开源 | 2026-04 | 48.6k 星 | 反 slop:8 种宽度下渲染,再换个干净上下文复审 |
| alchaincyf/huashu-design | 开源 | 2026-04 | 28.8k 星 | 中文圈,能出 HTML/PPT/MP4/PDF |
| jakubkrehel/skills | 开源 | 2026-07 | 11.0k 星 | 分领域的打磨和审查技能 |
| anthropics/skills(frontend-design 等) | 大厂功能 | 2025-09 | 187.7k 星 | 官方通用前端设计技能,不针对落地页转化 |
| Motionsites-AI/claude-skill | 开源 | 2026-10-26 | 1.7k 星 | 「电影感落地页」,自带 50+ 视频素材,给 MotionSites 引流 |
| benjitaylor/skills(Stageshow) | 开源 | 2026-10-26 | 2.1k 星 | 给营销插图用的假产品 UI |
和它们比:elaya 是这一圈里提交最少、工程最薄的(16 次提交,没有 linter、没有渲染检查)。setproduct 的「星数 vs 提交」散点图里,它是离趋势线最远的那个点。它独有的是两样:一是只做落地页一件事,包括先问需求和写转化文案;二是作者本人就是在接活的设计师,他的作品集就是演示。
增长手段拆解
- 作者在 X 上长期晒作品(确认):8 月以后几乎每条作品推都挂仓库链接,单条 7–8 万观看,两个半月攒到 2.8k 星。
- 一条作品集合辑视频病毒式传播(确认):10-24,87.7 万观看,直接带来 7k+ 星。
- 蹭大工具的名(确认):文案点名 @higgsfield、Claude、Cursor。Higgsfield 自己在全网大量投放,这类「我用 Higgsfield 做了…」的内容容易被转。
- KOL 和多语种二次分发(确认):日文 @tetumemo,英文 @designertom、@neil_xbt,Medium,YouTube,IG reels,LinkedIn。
- GitHub trending 全站第 1(确认):建库已过 60 天,能上 trending,10-27/28 连上 3 天。
- skills 目录和 SEO 收录(确认):skills.sh 徽章、ui-skills.com、typingmind、agentskillshub、skillleaderboard 等目录自动收录。
- 时机(确认):「设计师技能周」加上「AI 落地页千篇一律」的讨论正热。
- 没找到买量或刷星的证据;fork 比正常,库里没有可疑标记。
钱从哪儿回来
- 开源本身不收钱。回报有两个口子:一是 elaya.design 自由职业接单,爆款推下面直接挂了;二是 SlopScan(slopscan.co,用同一套规则审计线上页面、生成修复 prompt),11-01 起放进 README 横幅。TrustMRR 上 SlopScan 近 30 天收入 $14(https://trustmrr.com/startup/slopscan),等于刚开始变现。
被多少人看见
- 已经被广泛讨论:87.7 万观看的原推、designertom 等设计圈大号、多篇横评和教程(setproduct、Medium、explainx、thakicloud、codearia)、YouTube 和 IG 二创,还拿过 GitHub 全站日榜第 1。SlopScan 的收入在 TrustMRR 公开,不过只有 $14。
- 赛道早就挤满了:同类技能里十万星的有好几个。跟风者已经出现,Motionsites-AI/claude-skill 10-26 建库,「Free Claude skill: make Claude build award-level, cinematic landing pages」,11 天 1.7k 星。
差异化,以及是不是它跑出来的原因
- 内容上:只做落地页,把「先问需求、定结构、写转化文案、套视觉系统」放进一个文件,改一节就能换成自己的风格。这一点有用,但不算独家,taste-skill、hallmark、impeccable 都覆盖了大部分。
- 真正的差异在人和演示:作者是个做了 8 年的产品设计师,手上有一整套好看的真实作品,配着 Higgsfield 生成的动效视频一起放出来。观众买账的是「这种效果我也能拿到」,规则写得多好是次要的。所以它跑出来主要靠分发和演示素材,产品本身的独特性是次要原因。
- 风险:16 次提交,没有校验工具;design-to-motion 10-25 加进来,10-27 就「移到自己的仓库」,我们没找到新仓库在哪(作者名下的公开库里没有)。爆发后日增已回落到 150 上下。
别人能借鉴的
- 用成品演示开源工具:一条「这两个月我用它做的所有作品」的合辑视频,比任何功能清单都管用。
- 开源技能当名片:爆款推下面挂接单链接和自家付费工具(SlopScan),星数换成客户线索。
- 点名热门工具(Higgsfield/Claude/Cursor)搭它们的流量;所有可调的值集中放一处,方便 fork,fork 多了又带来曝光。
- 建库满 60 天以后再做大推广,才赶得上 GitHub trending 这个放大器(这个库是巧合撞上的)。
- 借了别人的东西要先署名,不然会被当众要 credit(Leon Lin 那次)。
还不确定的
- 7-29 首发推的观看数,以及 8 月到 10 月 2.8k 星之前有没有别的来源,比如 Reddit 或 Product Hunt,没查到。
- design-to-motion 搬去了哪个仓库;GitHub API 后来限流,没再查。
- star 转化成实际安装的比例:skills.sh 的安装数没取到。
- SlopScan 和接单的实际收入。