vault backup: 2026-11-07 16:33:44

This commit is contained in:
cheney
2026-11-07 16:33:55 +08:00
commit 7015312702
1208 changed files with 132432 additions and 0 deletions
@@ -0,0 +1,61 @@
---
title: Taste Skill(前端设计 · 反模板化)
type: reference
tags:
- AI agent
- skill
- 前端设计
- 反模板化
- design-taste-frontend
created: 2026-08-18
audience: human + AI
language: 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 | — | 交付为图片(参考板/品牌包) |
## 安装方式
```bash
npx skills add https://github.com/Leonxlnx/taste-skill --skill "design-taste-frontend"
```