告别 AI「模板脸」

用 AI 生成前端页面时，你是否也有这种感觉——出来的东西永远长一个样：白底、圆角卡、居中布局、蓝紫色渐变……看着没错，但毫无品味。

Taste-Skill 就是为了解决这个问题而生的。它是一个「反模板化前端框架」——通过一套精心设计的 Agent Skills，让 AI 生成有设计感的界面，布局、字体、动效、间距都经过打磨。

目前 27,700+ Star，是 GitHub 上最受关注的 AI 前端技能之一。

核心能力

多种风格变体

• taste-skill（默认 v2，实验性）
• gpt-taste——ChatGPT 专用优化版
• image-to-code——图片转代码
• redesign——重新设计现有页面
• soft / minimalist / brutalist / stitch——不同设计风格

可调节旋钮

三个参数控制设计强度（1-10）：

• DESIGN_VARIANCE——设计变化程度
• MOTION_INTENSITY——动效强度
• VISUAL_DENSITY——视觉密度

图片生成技能

• imagegen-frontend-web——网站设计稿
• imagegen-frontend-mobile——移动端设计稿
• brandkit——品牌视觉识别板

使用方式

npx skills add Leonxlnx/taste-skill

安装后 AI 代理（Codex、Cursor、Claude Code、ChatGPT Images）在生成前端界面时会自动应用 Taste-Skill 的设计规则。

框架无关——React、Vue、Svelte 都可以用。

效果示例

为什么这么火？

• 痛点精准——AI 生成的 UI「模板感」太重，这是每个用 AI 写前端的人都能共鸣的问题
• 即装即用——一行命令安装，AI 自动应用
• 风格多样——不是只有一种「好看」，从柔和到粗野风都有
• 持续迭代——97 次提交，MIT 开源，社区活跃

总结

Taste-Skill 解决了 AI 前端生成中最微妙也最普遍的问题——品味。它不教 AI 写代码，而是教 AI 做设计。27k+ Star 不是白来的，如果你用 AI 生成前端页面，装了就回不去了。

▶ 前往 GitHub 仓库 · 27,700 ★