@tvytlx: 设计网站上的高分后台,一半开头都是「Welcome back 」。 这是一个开源团队翻了 Dribbble 和 Behance 上 16 个高分 dashboard 之后发现的。 他们在做一个工具,专门抓 AI 写出来的界面里那股「AI …

X AI KOLs Timeline 工具

摘要

开源工具 ai-design-check 把「AI 味」界面拆成 70 多条可计数的检查规则(间距网格、字阶、渐变按钮、emoji 图标、'Welcome back' 问候语等),零依赖、不用 AI 或 API key,可在 React/Vue/Svelte/HTML/SwiftUI/Jetpack Compose 上运行,并支持挂进 Claude Code hook 让 agent 自动修复设计问题。

设计网站上的高分后台,一半开头都是「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 也能查。 我先不拿它跑自己的项目了,给自己留点面子。
查看原文
查看缓存全文

缓存时间: 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…

X AI KOLs Timeline

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.

@LinxFocus: 前端的工作真的保不住了,这个项目已经冲到 9.6 万个 Star,它把 Apple、Figma、Linear、Stripe 等全球知名公司的设计系统都整理成了 DESIGH.md 文件,让 AI 学会顶级品牌的 UI 风格,不需要任何解析…

X AI KOLs Timeline

一个收集了Apple、Figma、Linear、Stripe等知名公司设计系统并整理成DESIGH.md文件的开源项目,目前已获得9.6万Star,能让AI学会顶级品牌的UI风格并直接生成符合规则的界面。