夜雨聆风— 一粒黑子 · 落子AI新世界 —
腾讯10+年程序员
🤖 AI编程助手能写代码了，但画出来的界面永远长一个样——紫色渐变、居中Hero、三列排排坐。这个疯狂涨星的GitHub项目，用一套「设计规则」让AI终于学会了什么叫好看。
✦ ✦ ✦
一、AI画的UI，为什么一个模子刻出来的？
先说个真事。上个月用Cursor写一个内部后台界面，Prompt写得很清楚——「干净、专业、SaaS风格」。然后AI给我吐出来的东西：紫色渐变背景、居中对齐的大标题、三张等宽卡片整整齐齐。
不是第一次了。换Claude Code、Codex、Gemini CLI都试过，出来的东西七成像。社区管这叫"Slop"——审美垃圾。你多看几个AI生成的前端页面，会怀疑自己脸盲了。
原因没那么玄乎：大模型不是设计师，它只会从互联网上扒统计规律。而网上大多数网页，恰好就长那个平均值的样子。所以AI画什么都往「大多数」靠——说不上丑，但毫无辨识度。
✦ ✦ ✦
二、31K Star在火什么？
taste-skill，开发者 Leonxlnx 搞的一个开源项目。截至今天31,357 Stars，每天还在以近千星的速度涨。
先说它不是什么：不是UI组件库，不是Tailwind插件。它是一套用Markdown写的设计规则文件（SKILL.md），AI编程助手读完后，生成的前端代码质感就变了。
git clone https://github.com/Leonxlnx/taste-skill.gitcp taste-skill/*.md ./ # 扔到项目根目录# AI 自己会读，读完就生效
支持 Claude Code、Codex、Cursor、Gemini CLI，丢到项目目录自动生效，零配置。
📊 数据来自 ngjoo.com 今日热榜（2026-06-02）热度排名 #8 | Stars: 31,357 | 日增 +966同榜还有 impeccable（33K⭐，设计语言）和 graphify（58K⭐，Skills合集），整个 Agent Skills 赛道正在快速膨胀。
✦ ✦ ✦
三、它怎么做到的？
taste-skill 的核心：「三旋钮 + 禁令清单」。有点像游戏里的捏脸系统——不用写CSS，调几个滑块，整个界面的气质就变了。
三个参数排列组合，几十种完全不同的视觉效果就出来了。保守+静态+极简就是Apple风；大胆+炫酷+丰富就是赛博朋克。一套规则，随便玩。
⚠️ 禁令清单（AI绝对不能碰的）：
🚫 不准用紫色/蓝色渐变做默认配色
🚫 不准纯居中对称布局
🚫 不准无目的地堆装饰元素
🚫 不准 Hero 区域超过屏幕 30%
🚫 不准混用超过 3 种字体
用我同事的话：这套禁令就像给AI套了个紧箍咒。违反任何一条，SKILL.md自动提醒修正，想偷懒都不行。
✦ ✦ ✦
四、腾讯程序员的实测报告
做了10年前端，一开始我是持怀疑态度的。一套Markdown文件就想改AI的审美？听着有点玄。
实测完，有点被打脸。
测试场景：SaaS Dashboard 首页
让我惊喜的是布局实验度 0.7 的效果：AI没用居中，而是非对称网格——主区域2/3、侧边栏1/3，视觉重心自然偏移。这种「视觉引导」是以前只有专业设计师才会考虑的细节。
代价是生成慢了2-3秒，AI得额外读SKILL.md。但说实话，省下改UI的时间远不止这几秒。
✦ ✦ ✦
五、Skills 正在变成新的「包管理器」
taste-skill 不是个例。今天GitHub热榜前20，11个是Skills项目：
🔹 graphify（58K⭐）— 编码助手通用技能合集
🔹 impeccable（33K⭐）— AI 助手的 UX 设计语言
🔹 khazix-skills（13K⭐）— 卡兹克的 AI Skills 合集
🔹 academic-research-skills（26K⭐）— 学术研究全流程
🔹 Anthropic-Cybersecurity-Skills（13K⭐）— 754个网络安全技能
这一波让我想起npm刚出来的时候。当年npm让前端代码复用了，现在的Skills让AI的能力和风格能移植了。Skills可能就是AI时代的「包管理器」。
一个程序员牛不牛，以后可能不仅看他自己会什么，还看他能给AI装多少好用的Skills。
💡 我的推荐参数：· Dashboard/后台 → layout 0.7, animation 0.5, density 0.6· Landing Page → layout 0.5, animation 0.3, density 0.4· 移动端H5 → layout 0.3, animation 0.2, density 0.5· 数据报告 → layout 0.2, animation 0.1, density 0.8
✦ ✦ ✦
💬 聊一聊
你让AI写过前端吗？出来的是不是也长一个样？试过taste-skill的朋友说说感受，评论区聊聊。我挑3条最好玩的，下周出一期读者实测合集。
#AI工具 #taste-skill #前端开发 #AI编程 #ClaudeCode #Cursor #开源项目 #效率提升 #设计系统 #AgentSkills
