Taste Skill：给 AI 前端上点审美，别再生成那种模板味页面了

老鬼看这种项目，第一眼通常不看宣传词，先翻安装命令。

Taste Skill 这个项目就挺直接，一行 npx skills add https://github.com/Leonxlnx/taste-skill 扔进去，让 AI Agent 在做前端时别再吐那种“居中大标题 + 三张卡片 + 蓝紫渐变按钮”的熟悉味。项目页现在已经显示 33.2k stars，比你给的 19200+ 又涨了一截，说明这波前端审美焦虑不是小圈子自嗨。

这东西最抓我的不是“高级感”三个字。

高级感太虚了，谁都能喊。真正有用的是它把一些设计脏活塞进了 Skill：布局、字体、动效、留白，还有生成前先做 brief 推断、设计系统映射、预检查这些东西。以前用 AI 搭 Demo，最烦的不是页面不能跑，是跑起来以后像 SaaS 模板坟场，截图一眼 AI 味，改半天还不知道从哪下刀。

Taste Skill 的思路有点像：别让模型自由发挥，先给它一套审美刹车片。

它不是只有一个风格包。README 里列了默认的 design-taste-frontend，还有偏 GPT/Codex 的 gpt-taste、改老项目用的 redesign-existing-projects，以及极简、粗野主义、偏柔和高级感这些方向。图片侧也分了网页、移动端和 brand kit，但这些图片技能只负责出设计参考，不直接写代码。

啧，这个边界说清楚就很重要。

很多 AI 前端工具最容易吹过头，最后听起来像“输入一句话，产出苹果官网”。别急。Taste Skill 更像一组可携带的规则文件，能给 Codex、Cursor、Claude Code 这类工具喂审美约束，但它救不了烂需求，也不保证每次都出神图。README 里默认 v2 也标了 experimental，依赖旧行为的项目还可以 pin 到 v1。

我比较喜欢那三个旋钮：DESIGN_VARIANCE 控布局实验程度，MOTION_INTENSITY 控动画深浅，VISUAL_DENSITY 控一个屏幕里塞多少信息。这个设计比“一键高级”靠谱，因为真实项目里，后台 dashboard 和品牌 landing page 根本不是一个密度。硬套风格，翻车很快。

老项目改造那块也可以扫一眼。

不是所有人都在从零做新页面。更多时候是一个已经跑着的内部工具，表格、筛选、按钮、弹窗挤成一坨，老板说“能不能好看点”。这种场景下，先审计 UI 再修层级、间距和样式，比让 AI 直接重写全站现实多了。

老鬼会怎么用？很简单：新项目先挂默认 Taste Skill，嫌太保守再换更激进的；已有项目先丢 redesign。别指望它替你做产品判断，但如果你经常让 AI 写前端，又受够了模板脸，这玩意儿值得装一次。