@tvytlx: 设计网站上的高分后台,一半开头都是「Welcome back 」。 这是一个开源团队翻了 Dribbble 和 Behance 上 16 个高分 dashboard 之后发现的。 他们在做一个工具,专门抓 AI 写出来的界面里那股「AI …
摘要
开源工具 ai-design-check 把「AI 味」界面拆成 70 多条可计数的检查规则(间距网格、字阶、渐变按钮、emoji 图标、'Welcome back' 问候语等),零依赖、不用 AI 或 API key,可在 React/Vue/Svelte/HTML/SwiftUI/Jetpack Compose 上运行,并支持挂进 Claude Code hook 让 agent 自动修复设计问题。
查看缓存全文
缓存时间: 2026/11/01 21:58
设计网站上的高分后台,一半开头都是「Welcome back 👋」。
这是一个开源团队翻了 Dribbble 和 Behance 上 16 个高分 dashboard 之后发现的。 他们在做一个工具,专门抓 AI 写出来的界面里那股「AI 味」。
我觉得这个发现挺扎心的。 大家都嫌 AI 生成的界面一眼假,可模型大概就是看着这些点赞最多的图长大的。 AI 味,很大程度上就是人类流行审美的平均值。
这玩意叫 ai-design-check,思路很朴素: 把 AI 味拆成 70 多条规则,再写一个检查器,一处一处标出来。
检查器本身不用 AI,也不要 API key。 它只抓能数出来的毛病: 间距没落在 4px 网格上 字号不在字阶里 渐变按钮 拿 emoji 当图标 焦点框被悄悄删了 标题写成「Welcome back, Alex! 👋」
他们拿一个后台页面演示,266 处问题,修完是 0。 README 里还有个例子更吓人:按钮用了 726 次,长出了 149 种样子。
打招呼那条规则,他们最后还是留着。 理由我挺认同:每天都要打开的页面,标题是最值钱的一行。
我最喜欢的是它在 Claude Code 里的用法。 挂一个 hook,agent 每改完一个文件就自动查一遍,有问题直接把报错丢回给 agent 自己改。
界面修一次不难。 难的是下一次 agent 改代码,又把那些毛病带回来。 品味很难写进提示词,瑕疵却能一条条数出来。 能数的交给程序,品味留给人,这个分工我觉得挺对的。
MIT 开源,零依赖。React、Vue、Svelte、纯 HTML 都能跑,SwiftUI 和 Jetpack Compose 也能查。
我先不拿它跑自己的项目了,给自己留点面子。
Sinan Yorulmaz (@sinanyorulmazz): AI coding agents build UI that looks generated.
We built a tool that finds it, fixes it and proves it: 266 design findings → 0 on this dashboard.
Open source, zero dependencies: npx @enmera/ai-design-check
What it does: → 70 design rules, each with what, why and how to fix
相似文章
@yaohui12138: 卧槽!本以为claude design已是最强,没想到这个项目也这么好用啊 周六晚上,朋友做的一个 SaaS 后台 UI AI味太重,丑到客户发了个「呵呵」..... 我直接用一个 GitHub 项目1小时帮他重做完。其实就是一个叫 DE…
The article introduces 'awesome-design-md', an open-source collection of DESIGN.md files that reverse-engineer the design systems of major tech companies. It allows developers to use AI coding agents like Claude or Cursor to generate UI with specific brand styles by simply adding a markdown file to their project.
@xingxingli45573: 又挖到一个好东西,叫 Taste Skill,GitHub 上已经拿了 20.3k Star。 简单来说,装上它之后,AI 生成的前端界面会好看很多。布局、字体、动效、留白,各方面都有明显提升,整体看起来有高级感。 它提供了好几个设计方向…
Taste Skill 是一个开源的前端框架,旨在提升 AI 生成界面的视觉品质,提供多种设计方向和可调节参数,GitHub 上已获 20.3k 星。
@0xCheshire: AI 做出来的网页总有一股模板味,不一定是模型不够强。 你可能只是少给了它一个文件:`DESIGN.md`。 Awesome DESIGN.md 收录了 70 多套从真实网站整理出的视觉规则,覆盖 Vercel、Apple、Stripe、…
Awesome DESIGN.md 是一个开源项目,收录了70多套从真实网站整理的视觉规则,帮助AI生成更自然的网页设计。
@vista8: 开源了,开源了! 是不是很讨厌AI味重的网页设计,也讨厌千篇一律的排版? 乔帮主测试对比了8个主流设计Skill,吸收各家所长,开源自用设计SKill:qiaomu-design 特色功能: 1. 风格试衣间:一句话需求生成四个设计Dem…
乔帮主开源了设计Skill qiaomu-design,提供风格试衣间、对抗AI味、自进化机制和成熟网站参考功能,支持GLM或Claude模型执行。
@LinxFocus: 前端的工作真的保不住了,这个项目已经冲到 9.6 万个 Star,它把 Apple、Figma、Linear、Stripe 等全球知名公司的设计系统都整理成了 DESIGH.md 文件,让 AI 学会顶级品牌的 UI 风格,不需要任何解析…
一个收集了Apple、Figma、Linear、Stripe等知名公司设计系统并整理成DESIGH.md文件的开源项目,目前已获得9.6万Star,能让AI学会顶级品牌的UI风格并直接生成符合规则的界面。