vault backup: 2026-11-07 16:33:44
This commit is contained in:
@@ -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"
|
||||
```
|
||||
Reference in New Issue
Block a user