当大多数 AI 生成代码还在产出千篇一律的居中布局和 Bootstrap 风格按钮时，Taste-Skill 选择直接说不。这个由开发者 Leonxlnx 创建的开源美学项目以约 2.1 万星标迅速攀升，定位为 “反 AI 平庸代码” 的前端框架。
Taste-Skill 不是一套 UI 组件库，而是一组可移植的 Agent Skills。它通过 npx skills add 单命令安装，让 Claude Code、Codex、Cursor 等 AI 编程工具在生成前端代码时自动遵循更强布局、更优排版、更合理动效和间距规则，而不是输出那些一眼就能认出是 AI 生成的”样板 UI”。
差异化变体覆盖多种设计调性
与大多数同类项目不同，Taste-Skill 提供了多个专业化变体，开发者可根据项目调性选择：
- design-taste-frontend：默认 v2 版本，包含设计语言推断、三旋钮调节（布局实验度/动感强度/视觉密度）、破折号禁令、GSAP 代码骨架
- gpt-taste：为 GPT/Codex 设计的严格变体，更高的布局方差和更强的动效执行
- image-to-code-skill：图片到分析再到编码的全链路工作流
- redesign-skill：现有项目的 UI 审计与改进
- soft-skill / minimalist-skill / brutalist-skill：分别对应高端精致、编辑类产品和工业机械三种视觉语言
开发者 Leonxlnx 在项目介绍中表示，这些技能来自对现有 AI 输出模式的研究——AI 倾向于生成安全但乏味的布局，而 Taste-Skill 通过反重复规则和多变体设计来打破这一趋势。项目还包含图像生成技能（imagegen-frontend-web、imagegen-frontend-mobile、brandkit），可先生成设计参考图再交给编码代理实现。
三个旋钮治好了 AI 生成代码的审美平庸症
Taste-Skill 的核心设计哲学体现在可调节的”三旋钮”系统：DESIGN_VARIANCE（布局实验度，从居中/整洁到非对称/现代）、MOTION_INTENSITY（动效强度，从悬停效果到滚动/磁性动效）、VISUAL_DENSITY（视觉密度，从宽敞排版到密集仪表盘）。开发者可以通过调整这三个参数，在不修改提示词的前提下大幅改变 AI 输出的视觉风格。项目采用 MIT 协议开源，支持 React、Vue、Svelte 等主流框架，不绑定特定框架 API，专注于设计意图而非单一框架语法。
