我推荐平时让AI写前端界面的朋友去试试这个taste-skill,现在已经40k🌟了!
不论你是做独立开发需要快速出demo,还是在乙方需要给客户看原型,又或者只是单纯想让AI生成的界面看起来不那么AI味,这个skill都能帮上忙。
1⃣ 它解决了什么问题?
相信很多人都有过这种体验:让AI生成一个网页或者一个界面,出来的东西能用,但长得都差不多。
看久了真的审美疲劳,而且用户一眼就能认出来,这是AI做的。
但taste-skill的思路是:不是让AI不做丑的,而是强迫它做设计决策。
选什么字体、定什么配色、控制多少留白、用什么动效风格、内容密度是高还是低——这些决策在生成代码之前就要确定下来,而不是走到哪算哪。
简单说,它给AI装上了一套设计品味,阻止它走安全套路。
2⃣ 怎么装?怎么用?
安装很简单,通过npx skills add或者git clone到.claude/skills/目录下就行。
装完之后,Claude Code和Cowork会自动识别。
taste-skill不是一个单独的skill,而是一套skill集合,里面分了几个不同方向的子skill,你可以根据项目需求选择加载。
最常用的是这几个:
taste-skill(默认全能版)
这个是最通用的,适合不知道选什么的时候先用它。它有三个旋钮可以调:变化度、动效强度、内容密度。
你可以告诉AI我想要保守一点的、或者大胆一点的、或者极简的,它会根据你的偏好调整输出风格。
soft-skill(安静高级感) 如果你想要那种看起来贵、但不张扬的界面,用这个。
它会选精品字体、用弹性动效、控制留白,整体感觉比较克制,适合品牌官网或者高端产品的落地页。
minimalist-skill(极简编辑感) Linear、Notion那种风格。
信息密度适中,排版干净,没有多余装饰。适合工具类产品、后台系统、文档类网站。
brutalist-skill(粗野主义实验) 瑞士排版、高对比、大字号、去装饰化。
适合艺术类网站、实验性项目、或者你想让界面有强烈记忆点的时候。
image-to-code-skill(图生代码) 这个比较有意思,它是先让AI生成参考图,分析图里的设计语言,然后再转化成代码。适合你有明确视觉参考的时候用。
使用也很简单,加载对应的skill之后,正常prompt就行。AI会在生成代码之前先做设计决策,输出就不再是千篇一律的安全套路了。
3️⃣ 适合什么人?
我自己用下来,觉得最适合这几类场景:
做独立开发的人。如果你需要快速出demo或者MVP,但不想一眼被看出是AI生成的,taste-skill能让你的界面有辨识度。
做乙方的人。给客户看原型的时候,有设计感的界面和千篇一律的安全模板,说服力是完全不一样的。
想做不同风格尝试的人。如果你知道想要什么感觉但不知道怎么描述,直接加载对应的skill,AI会帮你把设计语言翻译出来。
有一点要注意:这个skill只负责前端界面的风格和排版,不负责功能逻辑。
如果你的需求是纯后端代码或者数据可视化,它的作用就不大。
如果你平时就在用Claude Code或者Cowork做前端开发,那这个skill几乎是无缝衔接的。花几分钟装一下,试着生成一个界面,你会知道这个东西值不值。