design-taste-frontend
面向 AI 编程 Agent 的反模板化前端审美技能（taste-skill 默认通用款）：读取需求后推断设计语言，产出在布局、排版、动效、间距上有真实设计感的页面，告别千篇一律的「AI 味」界面。
来源：github.com/Leonxlnx/taste-skillstar 等数据核实于 2026-10-07
推荐理由
taste-skill 仓库自称「The Anti-Slop Frontend Framework for AI Agents」，这个 skill 是其中的默认推荐款，覆盖 90% 的新页面生成需求：内置 GSAP 动效骨架与改版审计流程，还提供三个可调旋钮控制输出风格。
安装
npx skills add https://github.com/Leonxlnx/taste-skill --skill "design-taste-frontend"使用步骤
触发方式有三种：Claude Code 等客户端把 skill 挂进斜杠菜单，输入/design-taste-frontend直接调用；与任务相关时 Agent 会按语义自动加载；任何客户端都可在消息里点名「使用design-taste-frontend skill」。以下示例均为可直接粘贴的第一条消息。
写新页面时把需求连同气质参考一起说清楚——Claude Code 可输入 /design-taste-frontend 直接触发
使用 design-taste-frontend skill 为我的开源项目写一个落地页： 产品是一个 Markdown 笔记应用，目标用户是程序员， 想要的气质：克制、极客，参考 Linear 那种感觉。安装器询问目标 Agent 时直接回车（Universal 列表始终包含）；安装范围选 Global，装进家目录后所有项目通用
对输出风格不满意时，改 SKILL.md 顶部三个 1-10 的旋钮再生成一次——DESIGN_VARIANCE（布局实验性）、MOTION_INTENSITY（动效深度）、VISUAL_DENSITY（信息密度）
不确定装没装上时，问一句下面的话验证
列出你当前加载的 skills
注意事项与建议
- 不必整仓库全装：各 skill 是口味互斥的方向型规则，常驻太多会互相干扰、输出不稳定，装 1-2 个起步、用到什么再装什么
- 与 gpt-taste（更严格变体）、design-taste-frontend-v1（旧版兼容）功能重复，三选一即可
- 项目级 SKILL.md 会覆盖全局级：想对单个项目微调时，在项目目录再放一份改过旋钮的副本
相关条目
- ui-skills
轻量替代——不想要完整设计体系、只要一套「别写成 AI 味」约束时先装它，不够再上 taste-skill