一个瞄准具体失败的技能:界面长得千篇一律
让一个编程智能体做前端,你通常得到一个能用、却长得像所有别的 AI 界面的东西:安全的留白、默认的排版、没有动效,视觉上的样板代码。Taste Skill 就是为修这个而存在。它是一个可携带的 Agent Skill,自称「反 slop 的前端框架」,提升智能体产出界面的布局、排版、动效和留白,让输出读起来像设计过的、而非生成的。
这份收窄正是要点。它不是一套方法论、也不是一个能力包;它是对这份活的一个部分,前端输出的视觉质量,做的一次审美注入。这让它易于推理、也易于加到你已经在用的任意智能体上。
它里面实际有什么
除了核心的设计审美技能,这个仓库还含用于参考板的图像生成技能:web、移动、品牌套件。意图中的工作流是两段式。你用 ChatGPT Images 这类图像模型生成参考帧,再把那些帧交给 Codex、Cursor 或 Claude Code 去实现,由审美技能塑形结果。把「决定外观」和「写代码」分开是个明智的分工,因为它给了智能体一个具体的视觉目标、而非要它从一段文字提示里凭空发明审美。
「审美」在这里具体指什么
「审美」这个词在做真活,所以点清这个技能实际在推什么会有帮助。通用 AI 前端输出往往以可预测的方式失败:视觉层级扁平、一切都在抢注意力;单一默认字号干所有活;均匀的留白没有节奏;没有动效;用色畏手畏脚。一个审美导向的技能往相反方向偏:一个清晰的层级告诉眼睛先看哪儿、一个刻意的字号阶梯、有意地分组与分隔的留白、引导而非装饰的克制动效,以及自信用色、而非默认退回安全的灰。这些都不是魔法;它是一个称职设计师不假思索就做的那组决定、而一个基础模型通常跳过的。把那些决定编码成一个技能,正是把输出从「技术上是个 UI」推向「看起来有人在乎」的东西,而这恰是一个原型和一个你愿意发布的东西之间的差距。
安装
它用 Agent Skills 安装器,它扫描仓库的 skills/ 文件夹,所以每个技能装法相同:
npx skills add https://github.com/Leonxlnx/taste-skill只装主技能、按它的 install name(SKILL frontmatter 里的 name:、不是文件夹名):
npx skills add https://github.com/Leonxlnx/taste-skill --skill "design-taste-frontend"你也可以把任意 SKILL.md 复制进你的项目、或粘进一个 Codex 或 ChatGPT 对话。默认技能现在是 v2,一次对 v1 的大幅实验性重写;重跑安装会原地升级,因为 install name 没变。
一个值得点出的注意事项
两个诚实的说明。第一,维护者明说 Taste Skill 没有官方 token、币或加密项目,任何用它名字的都是无关联的。这个免责声明存在,是因为流行的 AI 仓库会招来骗局 token,所以把任何「taste-skill 币」当成欺诈。第二,审美是主观且依模型的:一个技能能把智能体往更强的默认值上轻推,但结果仍取决于实现的模型和你自己的方向。把它当成一个强起始偏置、而非好设计的保证,当外观要紧时配上参考板工作流。
它适合什么
当你用智能体做前端、却老得到「能干但平淡」的结果时,上它。作为一个小而可携带的技能,它干净地叠在你跑的别的东西之上,而参考板技能给你一个办法在写一行代码之前先定好视觉目标。如果你的活是后端、或你已经用自己的一套强系统驱动设计,它就没那么相关。而因为每个技能就是一个 SKILL.md,评估它最便宜的办法是读那个文件:它编码的审美以你可检视、可编辑的纯指令呈现,而非藏在二进制里的逻辑。
相关
要一个从品牌系统产出真实工件的全本地设计工具,见 open-design。要更广的技能合集,见 anthropics/skills 和 mattpocock/skills。想看还有什么在往上爬,见 LLM 工具、每日速报和周报。
FAQ
Taste Skill 做什么? 它是一个 Agent Skill,改进 AI 做的界面的布局、排版、动效和留白,外加用于参考板的图像生成技能。
怎么安装? npx skills add https://github.com/Leonxlnx/taste-skill,或用 --skill 单装 design-taste-frontend。
有 token 或币吗? 没有。维护者声明没有官方 token;任何用这名字的都是无关联的骗局。
它能保证好设计吗? 不能。它把智能体往更强的默认值上偏,但结果仍取决于实现的模型和你的方向。外观关键时用参考板工作流。