Claude设计技能三件套(Taste Skill Impeccable Emil Kowalski)完整配置 & Prompt模板
一键安装三件套(Claude Code / Cursor / Codex 通用)在项目根目录终端运行下面3条命令(一次搞定):
bash
# 1. Emil Kowalski(动画 动效 设计工程)
npx skills add emilkowalski/skill
# 2. Impeccable(23条设计指令 排版/间距/颜色/布局词汇)
npx skills add pbakaus/impeccable
# 3. Taste Skill(反slop 高级审美品味)
npx skills add Leonxlnx/taste-skill
安装完重启Claude Code(或Cursor),输入 / 就能看到 /impeccable、/taste、Emil相关指令。2. 核心Prompt模板(直接复制喂给Claude Code)
markdown
你现在同时加载了以下三件顶级设计技能,请严格按顺序使用:
1. Taste Skill(Leonxlnx/taste-skill)→ 负责整体审美品味,彻底消除AI通用slop(避免紫色渐变、Inter字体、圆角豆腐块、过度对称等)
2. Impeccable(pbakaus/impeccable)→ 负责设计词汇和精确执行(用 /polish /critique /audit 等指令打磨)
3. Emil Kowalski Skill(emilkowalski/skill)→ 负责动画、缓动、微交互和动效物理感
【工作流程要求】
1. 先用 Taste Skill 分析当前设计,指出所有slop并给出高级审美改进方向
2. 再用 Impeccable 执行精确设计指令(typography、spacing、color、layout、vertical rhythm等)
3. 最后用 Emil Kowalski 添加流畅、自然、有物理感的动画和交互
输出时必须:
- 先给出「Taste Review」总结(哪里slop、为什么)
- 再给出完整优化后的代码
- 最后给出「Polish Checklist」(已应用Impeccable Emil的点)
现在开始,根据以下需求生成/优化界面:
[在这里粘贴你的需求或现有代码]
快速配置JSON(项目级 .claude/config.json 示例)如果你用的是Claude Code项目模式,可以在项目根目录新建 .claude/config.json(可选,增强效果):
json
``
{
"skills": {
"enabled": [
"emilkowalski/skill",
"pbakaus/impeccable",
"Leonxlnx/taste-skill"
],
"autoApply": true
},
"defaultCommands": [
"/taste review",
"/impeccable polish",
"/emil animate"
],
"designPrinciples": "high-end, intentional, human-first, no generic AI aesthetics"
}
使用建议:
安装后直接在Claude Code里输入 /impeccable polish 或 /taste review 就能秒用
推荐工作流:先用Taste Skill定调 → Impeccable打磨 → Emil Kowalski加灵魂
这套组合能把AI生成的界面从「明显AI味」直接变成「Dribbble质感」