1️⃣ 什么是「品味型 Skill」?

AI 不缺代码能力,缺的是「品味」。

taste-skill 是一个「AI 审美工具箱」,十几个 Skill 文件覆盖前端设计、品牌视觉、移动端 UI 等方向。装上后 AI 生成的界面会有排版层次、动效节奏、留白呼吸感。核心理念:告诉 AI「什么样的设计是好的」。

2️⃣ 为什么 AI 的 UI 总是一个味?

默认 AI 偏好安全配色、居中布局、大圆角,出来能用但不好看。taste-skill 用结构化指令把审美偏好「注入」AI 生成过程。

3️⃣ 三个旋钮控制审美

VARIANCE 控制布局实验度,MOTION 控制动效深度,DENSITY 控制信息密度。三个维度精确控制 AI 的设计方向。

4️⃣ 图片→参考→实现流水线

image-to-code-skill 先生成参考图,再分析设计语言,最后实现前端。AI 写代码前先「看到」目标设计。

5️⃣ 覆盖哪些风格?

soft-skil - 品牌官网 / SaaS 首页(质感优先)

minimalist-skill - 文档站 / 工具类产品(信息优先)

brutalist-skill - 实验性项目 / 艺术类页面(冲击力优先)

stitch-skill - 团队协作 / 需要设计稿交接(可导出 DESIGN.md)

按项目需求选择「审美人格」,而不是强制统一风格。

6️⃣ 最短上手路径

🚀 一行安装:npx skills add ...taste-skill,支持 Codex/Cursor/Claude Code/ChatGPT,框架无关。

💡 建议先装 design-taste-frontend 跑一个小功能,调三个旋钮 VARIANCE / MOTION / DENSITY 感受变化。

7️⃣ 适合谁?

项目需要「看起来专业」就值得用,纯后端或临时 demo 用普通 prompt 就够。

更多内容请👀图片哦