Taste：设计品味注入（52K Star）

给 AI 注入设计审美规则。间距/配色/排版/圆角全局一致。专治「AI 味」界面。

📋 SKILL.md 完整代码

---
name: taste-skill
description: >-
  给 AI 注入设计审美规则。间距/配色/排版/圆角全局一致。专治「AI 味」界面。
  Use when working on taste skill tasks.
allowed-tools: Read,Write,Bash
---

# Taste：设计品味注入（52K Star）

## Quick Start
1. Save as `~/.claude/skills/taste-skill/SKILL.md`
2. Restart Claude Code
3. Type `/taste-skill` or describe your task naturally
4. Claude auto-triggers when your task matches the description

## Instructions
- Understand the user's specific context and needs
- Apply domain best practices consistently
- Provide actionable, specific guidance with examples
- Verify all outputs before presenting to user

## Gotchas
- Test with a fresh Claude instance after changes
- Keep SKILL.md under 500 lines; use references/ for details
- Description is the trigger key — make it specific and keyword-rich

🚀 怎么用

1. 复制上面的 SKILL.md 代码
2. 保存为 ~/.claude/skills/taste-skill/SKILL.md
3. 重启 Claude Code
4. 输入 /taste-skill 或直接描述任务触发
5. AI 自动按 Skill 流程执行

为什么需要

AI 生成的页面总有一种说不出的「廉价感」——紫色渐变、大圆角、不留白。Taste Skill 注入专业设计规范：间距不少于 16px、配色不超过 3 个主色、字重对比至少 2 级……让 AI 输出的界面看起来像人设计的。

SKILL.md

name: taste description: Design taste injection. Spacing/color/typography rules. Use for any UI/frontend work. # Taste Rules - Spacing: 8px base grid, min 16px between sections - Color: max 3 primary colors, use HSL for consistency - Typography: max 2 fonts, weight contrast ≥ 2 levels (e.g. 400+700) - Radius: 4-8px for cards, 12px max for modals - Whitespace: never fear empty space