Taste Skill 核心指令与技能清单
核心指令：技能选择决策树
在开始之前，先根据项目需求决定使用哪个技能。按以下层级从上到下判断，在第一个成立的条件处停下，然后安装并使用对应的技能。
| 层级 | 条件 | 行动（安装名称） | 说明 |
|---|---|---|---|
| 1 | 你只需要设计参考图，不需要代码 | imagegen-frontend-web / imagegen-frontend-mobile / brandkit |
产出的图片可直接交给编码代理 |
| 2 | 已有项目，需要审计并改进 UI | redesign-existing-projects |
先审计布局、间距、层级、样式，再修复 |
| 3 | 视觉方向已经明确为柔和 / 极简 / 粗野 | high-end-visual-design / minimalist-ui / industrial-brutalist-ui |
在特定风格约束下生成代码 |
| 4 | 工作流必须是先出图再转代码 | image-to-code |
生成参考图 → 分析 → 实现 |
| 5 | 需要 Google Stitch 兼容规则 | stitch-design-taste |
可选导出 DESIGN.md |
| 6 | 代理频繁截断输出，只给出半成品 | full-output-enforcement |
禁止占位符注释，必须输出完整代码 |
| 7 | 默认通用前端实现，无特殊要求 | design-taste-frontend (v2) |
读取 brief，推断设计语言，调优三个旋钮 |
如果需要更严格的反 boilerplate 和更强的动画方向，可以用 gpt-taste 代替默认的 design-taste-frontend（见强度级别说明）。
cover: 附件/Halo封面/design.jpg
全部技能命令清单
代码生成技能
| 安装名称（即命令） | 来源文件夹 | 说明 |
|---|---|---|
design-taste-frontend |
taste-skill |
v2（实验性）–全面重写，推断设计语言，调整 VARIANCE / MOTION / DENSITY，内置 GSAP 规范与反套路检查 |
design-taste-frontend-v1 |
taste-skill-v1 |
原始 v1 版本，适用于依赖旧行为的项目 |
gpt-taste |
gpt-tasteskill |
GPT/Codex 更严格变体：布局变化更大，GSAP 指令更强，激进反“slop” |
image-to-code |
image-to-code-skill |
图片优先：生成参考图 → 分析 → 前端实现 |
redesign-existing-projects |
redesign-skill |
现有项目重设计：审计 UI，然后修复布局、间距、层次、样式 |
high-end-visual-design |
soft-skill |
高级柔和 UI：低对比度，留白，优质字体，弹性动画 |
minimalist-ui |
minimalist-skill |
编辑型产品风格（Notion/Linear 观感），内敛配色，清晰结构 |
industrial-brutalist-ui |
brutalist-skill |
工业机械语言：瑞士字体，强对比，实验性布局 |
stitch-design-taste |
stitch-skill |
Google Stitch 兼容规则，可选导出 DESIGN.md |
full-output-enforcement |
output-skill |
强制完整输出，禁止注释占位，防止半成品 |
图像生成技能（无代码）
| 安装名称 | 来源文件夹 | 说明 |
|---|---|---|
imagegen-frontend-web |
imagegen-frontend-web |
网站参考图：首页、着陆页、多区块，强排版与间距 |
imagegen-frontend-mobile |
imagegen-frontend-mobile |
移动端参考图：iOS/Android/跨平台，可读字号，风格统一 |
brandkit |
brandkit |
品牌板：Logo 方向、调色盘、字体、品牌应用示例 |
cover: 附件/Halo封面/design.jpg
安装与使用命令
所有技能均通过同一个仓库安装，只需指定安装名称。
- 安装全部技能（将整个仓库扫描到本地）：
npx skills add https://github.com/Leonxlnx/taste-skill - 安装单个技能（使用表格中的安装名称）：
npx skills add https://github.com/Leonxlnx/taste-skill --skill "安装名称"
例如：npx skills add https://github.com/Leonxlnx/taste-skill --skill "design-taste-frontend" - 更新到 v2（如果之前安装过 v1）：
重新执行同一个安装命令，v2 SKILL.md 会自动覆盖旧版本。
如需强制保留 v1，请使用安装名称design-taste-frontend-v1。 - 手动使用：将仓库中任意
SKILL.md文件内容复制到项目对话或粘贴给 ChatGPT/Codex。 - 图片优先提示：对于
image-to-code技能，在对话中说明工作流：“follow the skill: generate images, then analyze, then code”。
cover: 附件/Halo封面/design.jpg
模式与强度级别
Taste Skill 没有 /ponytail 那样的斜杠命令，而是通过安装不同的技能变体来切换模式与强度。
默认模式（推荐）
安装名称：design-taste-frontend（v2 实验版）
行为：读取 brief → 推断设计语言 → 调节 VARIANCE / MOTION / DENSITY → 输出带有强布局和动画规范的前端代码。
严格模式
安装名称：gpt-taste
行为：比默认模式更激进，布局方差更大，强制 GSAP 动画方向，彻底压制“ AI 套路化” UI。
保底模式
安装名称：design-taste-frontend-v1
行为：原始 v1 逻辑，适合已依赖旧版行为的项目，不引入 v2 的改动。
特定风格模式
按需安装 high-end-visual-design、minimalist-ui 或 industrial-brutalist-ui，在确定的视觉方向下生成代码。这些通常不单独作为全局默认，而是附加在主技能之上。
重设计模式
安装名称：redesign-existing-projects
行为：分析现有代码库的 UI，然后按布局、间距、层级、样式依次修复，而非从零设计。
图片转代码模式
安装名称：image-to-code
行为：生成参考图（或使用外部图像生成器），再分析图像并实现匹配的前端。
强制完整输出模式
安装名称：full-output-enforcement
行为：当代理倾向于输出“// … 此处省略”时，切换到该技能，强制输出完整可运行代码，不留占位符。
cover: 附件/Halo封面/design.jpg
设置 dials（仅限 design-taste-frontend 技能）
在 taste-skill/SKILL.md 文件顶部有三个 1–10 的数字旋钮，用来调整设计倾向：
| 旋钮 | 含义 | 低值（1-3） | 高值（8-10） |
|---|---|---|---|
DESIGN_VARIANCE |
布局实验性 | 居中、整洁、传统 | 不对称、现代、前卫 |
MOTION_INTENSITY |
动画深度 | 仅悬停微交互 | 滚动动画、磁性效果、GSAP 驱动 |
VISUAL_DENSITY |
视口信息密度 | 大量留白、呼吸感 | 密集仪表盘、高信息密度 |
修改数字后保存文件，下次使用该技能时即生效。