taste-skill 怎么安装到 Codex？design-taste-frontend 接入教程

想让 Codex 用 taste-skill，别把它当 npm UI 库来装。它的核心是 SKILL.md 指令文件，安装后 Codex 会读取规则，再按规则生成或改前端。对第一次接入的人来说，重点只有三个：仓库地址、安装名、任务提示里要点名使用。

安装命令怎么选

通用方式是运行 npx skills add https://github.com/Leonxlnx/taste-skill。它会扫描仓库里的 skills 目录，把可用技能装进支持 SKILL.md 的 Agent 环境。只想接入主技能时，用 --skill "design-taste-frontend" 指定安装名。

这里容易填错的是名字。仓库名是 taste-skill，主技能安装名是 design-taste-frontend。README 明确说，单技能安装看的是 SKILL frontmatter 里的 name 字段，不是文件夹名。Codex 调用时也要认这个名字。

Codex 里怎么写任务

安装后不要只发“帮我优化页面”。更好的写法是：使用 design-taste-frontend，先给出 Design Read，再改当前首页，目标用户是开发者团队，风格克制、有技术感，保留现有品牌色。这样 Codex 会先说明页面类型、受众、风格和设计系统倾向，再进入代码。

如果你想让 Codex 更强硬地避开模板味，可以试 gpt-taste。README 把它描述为更偏 GPT/Codex 的严格变体，强调布局变化、动效方向和 anti-slop。新手建议先用 design-taste-frontend，确认项目能稳定跑通后再切更强的规则。

接入后怎么验收

跑完任务后看四件事：Codex 有没有先给 Design Read；有没有避开模板化三卡片和紫蓝渐变；有没有按页面目标选择字体、密度、布局；有没有在移动端保持可读。没有这些动作，说明技能可能没被调用，或提示词没有把它点出来。

安装成功不等于页面自动变好看。taste-skill 的价值在于把“好看”拆成可执行规则。你把业务、受众、视觉边界说清楚，它就能让 Codex 少走审美默认路线。