生成式 UI
扩散给 AI 生成的界面与设计产出做品控和规范的技能包
About
Hot Projects
4Hot Articles
84让 AI 写一个落地页,你大概率会得到同一套东西:一行居中的大标题,上面顶着小号大写字母标签,下面三张等宽卡片各配一个线性图标,背景一层淡紫渐变,卡片带一圈 1px 细线和一层柔和阴影。把公司名换掉,咖啡店能用,SaaS 能用,婚礼请柬也能用。
2026 年 4 月 27 日,Together AI 的 Hassan El Mghari(GitHub 上的 Nutlope)建了一个仓库,描述只有一句话:Anti-AI-slop design skill for Claude Code, Cursor, and Codex. 到 10 月 25 日,它有 32140 颗星、1649 个 fork。
如果让一个 AI 编程助手连续生成十张落地页,你大概率会得到十张"长得很像"的页面:Inter 字体的标题、紫到蓝的渐变、圆角卡片里再套卡片、彩色背景上叠灰字、每个标题上方悬浮一块圆角图标瓷砖。社区给这种症状起了个名字——"AI 味"。
当一个开源项目把视频渲染这件事,重新定义成"写 HTML"而不是"剪时间线",它获得的就不只是 star,而是一整条 AI Agent 生态的入场券。HeyGen 开源的 HyperFrames 正在经历这样的时刻:过去一周净增约 3908 个 star、登上 GitHub Trending 周榜第 3,中文技术社区在短时间内涌现出十几篇上手教程。热度是真的,但热度背后的东西更值得拆开看——本文结合社区情报与仓库源码,梳理它的增长曲线、技术差异点与生态沉淀,试图回答一个更实际的问题:这股热度是"一次刷屏",还是能变成可持续的工程生态。
一个不提供组件、不生成代码、没有运行时依赖的仓库,在 GitHub 上拿到了 104.4k star。它的全部产出是 Markdown 规则、JSON 素材库和四个零依赖脚本。这件事值得拆开看:当所有人都在争论“哪个模型写前端更强”时,有一批人把问题换成了“怎么让模型不再输出平均值”。taste-skill 就是这个换题动作的产物,而它的 star 曲线,恰好记录了这个问题在 2026 年被多少人认领。
一句提示词生成整站,早就不是新闻。真正稀缺的是另一件事:当 AI 已经能把页面写出来,团队怎么知道它写对了、改坏了没有、下次还能不能复现。Hallmark 这个面向 Claude Code、Cursor、Codex 与 OpenCode 的设计技能,把入口从"描述需求"改成了"点名动词"——/hallmark audit、/hallmark redesign,再加上新页面的直接构建。看似只是斜杠命令的语法糖,拆开看却是一套质量工程的骨架:只读体检、带保护的改写、可对账的收尾。
2026 年的前端开发者几乎都遇到过同一个场景:让 AI 助手生成一个落地页,它交回来一个"看起来毫无破绽、却一眼假"的界面——Inter 字体铺满全站、紫到蓝的渐变、卡片套卡片、圆角图标块悬在每个标题上方。社区给这种产物起了个名字:"AI 网页味"(AI slop)。当所有模型都在同一批 SaaS 模板上训练时,这种同质化几乎无法靠"再给它写个更长的 prompt"解决。
一个给 AI 编码代理用的“设计技能”,在发布半年后忽然又涨了一波。近 4000 star 的一周增量放在十万星量级的项目上不算什么,但放在一个纯规则、零依赖、连 API key 都不要的前端技能上,值得拆开看看:到底是什么在被下载,又是什么在支撑第二次传播。
用 Claude Code、Cursor 这类工具生成落地页,产物往往共享同一副面孔:紫蓝渐变的 hero、三列等宽卡片、Inter 字体、全大写宽字距的 eyebrow、"Seamless & Robust" 式的文案。Together AI 开源的 Hallmark 就是冲着这个痛点来的——一个装进编码助手的 anti-AI-slop 设计技能,核心资产是一张持续膨胀的"反 AI 味"规则表。社区文章里反复出现的"69 项 slop test"就是它的代名词。
从「一句话直出高级宣传片」到「用 AI 全自动剪辑,日更 100 条爆款视频」,再到那句最刺激的「让剪辑师们慌了」,过去几个月的短视频圈和程序员圈里,Codex + HyperFrames 的组合几乎成了 AI 出片叙事的标准封面。它看起来确实惊人:丢给 Codex 一个产品网址或一段脚本,几分钟后你拿到一条带转场、字幕、配音和背景乐的 MP4,全程没人碰过时间线。