老鬼看这种 AI 前端项目,第一眼通常不看宣传词,先翻命令。
Taste Skill 最抓人的地方也不是“让 AI 有审美”这句口号,而是它居然真的按技能包方式塞给 Agent:一条 npx skills add 装进去,然后让 Codex、Cursor、Claude Code 这类工具在写界面时少生成那种一眼模板味的页面。项目页现在已经到 33.2k Star,比你给的 1.92 万又涨了一截。
npx skills add https://github.com/Leonxlnx/taste-skill说实话,这类东西最容易吹虚。因为“高级感”这个词太滑了,谁都能说布局更稳、留白更好、字体更贵。但 Taste Skill 稍微不一样,它不是只给一句审美咒语,而是拆成几类技能:通用前端、极简、粗野主义、老项目重做,还有 image-to-code 这种先出参考图、再让编程工具照着落地的链路。

这就很现实。
以前拿 AI 搭 Demo,最烦的不是功能跑不起来,是页面一出来就像 SaaS 模板仓库随机抽了一张:大圆角、大渐变、大卡片,按钮永远摆在那几个位置。你让它“高级一点”,它就给你加阴影;你让它“更现代”,它就开始乱飞动效。
Taste Skill 这里有三个旋钮我比较在意:DESIGN_VARIANCE 控布局实验程度,MOTION_INTENSITY 控动画强度,VISUAL_DENSITY 控信息密度。不是锁死成某一种风格,这点挺关键。
但别急着吹。
它本质还是提示词和规则层的增强,不是设计师附体。遇到产品信息本身很乱、组件状态很多、真实数据很脏的后台系统,光靠“审美技能”救不了。尤其是老项目,真正麻烦的地方往往在组件复用、状态边界、CSS 债务,还有一堆没人敢碰的样式覆盖。

不过,作为 AI Coding 工作流里的前置修正,它是香的。
我会把它放在两种场景里试:一个是新项目第一版界面,先别让 AI 乱抹模板味;另一个是老 Demo 改造,先让它做审计,再集中修布局、层级和间距。至于图片技能,适合先拿网页或移动端设计稿压一压方向,再交给编程工具实现,别一上来就让代码模型自由发挥。
GitHub地址:Leonxlnx/taste-skill
夜雨聆风