Knowledge/1 使用/AI 大模型/skill/Taste_Skill.md

title, type, tags, created, audience, language

title	type	tags	created	audience	language
Taste Skill（前端设计 · 反模板化）	reference	AI agent skill 前端设计 反模板化 design-taste-frontend	2026-08-18	human + AI	zh-CN

Taste Skill（前端设计 · 反模板化）

The Anti-Slop Frontend Framework for AI Agents —— 防止 AI 生成千篇一律的模板化前端界面。

基本信息

项目	内容
仓库	https://github.com/Leonxlnx/taste-skill
许可证	MIT
Stars	约 7.7 万
安装名	design-taste-frontend（v2 实验版为默认）
官网	https://www.tasteskill.dev

核心机制（v2）

1. Brief Inference — 先读懂需求，输出一行 "Design Read" 再动手
2. 三个旋钮 (Three Dials) — 所有布局/动效/密度决策由旋钮门控：
   • DESIGN_VARIANCE（1=完美对称 ↔ 10=艺术混乱）
   • MOTION_INTENSITY（1=静态 ↔ 10=电影级/物理动效）
   • VISUAL_DENSITY（1=画廊留白 ↔ 10=仪表盘密集）
3. Brief → 设计系统映射 — 按需求套用官方设计系统（Radix/Tailwind v4/Carbon 等），禁止手写山寨 CSS；诚实规则：不要导入系统 token 却覆盖 90%
4. AI Tells 禁令 — 禁止 em-dash、章节编号 eyebrow、滚动提示、重复 CTA 等 AI 特征模式
5. Pre-flight 检查 — 所有勾选通过才算完成

适用范围

• 适用：落地页、作品集、网站改版
• 不适用：仪表盘、数据表格、多步骤产品 UI

相关变体

变体	安装名	说明
taste-skill（默认）	design-taste-frontend	v2 实验版，推荐
taste-skill-v1	design-taste-frontend-v1	旧版，行为固定
gpt-tasteskill	gpt-taste	更激进，面向 GPT/Codex
image-to-code-skill	image-to-code	图片 → 分析 → 实现网站
redesign-skill	redesign-design-taste	已有代码库改版
soft / minimalist / brutalist	—	视觉方向已定时的补充
imagegen-frontend-web/mobile、brandkit	—	交付为图片（参考板/品牌包）

安装方式

npx skills add https://github.com/Leonxlnx/taste-skill --skill "design-taste-frontend"