热榜
#开发工具

Leonxlnx/taste-skill

让编程 Agent 有美术方向、真实配图,并在真实浏览器里自查页面,而不是套模板生成千篇一律的落地页。

101,850
6,881
JavaScript
MIT
上线 8 个月

解决什么问题

编程 Agent 几分钟就能生成一个能跑的页面,但内容往往高度雷同:一个大标题、三张卡片、渐变背景加占位图。功能上没问题,视觉上完全记不住,最后还是得人来补美术方向。Taste Skill 把这些工作做成一个可安装的 Agent Skill:在构建过程中由 Agent 自己确定美术方向、使用真实的参考图片,并在浏览器里检查成品,而不是留给你事后收拾。

有什么不同

常见做法是给模型一句「做得好看点」,再指望它记得某个设计系统。Taste Skill 换成了流程:脚本从 20 个研究过的方向里抽出 3 个,Agent 选定其中一个,用一句话把客户自己的素材与方向绑定,从开放图库找带署名的图片,然后在 Chrome 里以三种宽度截图自查,按「烂设计」规则判失败,再修最突出的三个问题、最多三轮。与 UI 组件库或模板生成器相比,它产出的不是固定区块拼装;与单纯让模型指定风格相比,多了「自己看截图、自己判错」这一步。它还给看板和应用界面单开了一条路线,规定图表、表格、手机端布局的处理方式。

适合谁

用 Claude Code、Codex、Cursor 一类 Agent 写营销页、落地页、应用外壳的前端或全栈开发者,在意视觉质量但不想每次手工做美术指导。需要批量产出小站点、想统一 Agent 输出质量的团队收益最大。已有严格组件库的设计系统型产品、后端项目、以及需要可复现、diff 稳定输出的场景不适合:它在多个方向里随机挑,结果每次不同。

上手成本

需要 Node 22+,以及已安装的 Chrome、Edge 或 Chromium;找图需要联网。不需要 API key,除 skill 本身外不装别的东西。可通过 npx skills CLI 安装,也可作为 Claude Code / Codex 插件使用。README 写明每次构建约 30 到 45 分钟、消耗几十万 token,这才是真正的成本。MIT 协议。README 对方法讲得很细,但项目很年轻,此前的若干 skill 已经拆到独立仓库,结构可能还会变。README 里的对标效果无法在本环境独立验证。

点评

Taste Skill 是 2026 年 2 月才创建的新项目,正处在一波陡峭的上涨里:JavaScript 月榜约新增 12,500 star、周榜约 3,800 star,总量 10 万 star,但 Hacker News 上只有一个 3 分、零评论的帖子,也从未上过每日 Trending。这更像是病毒式传播,而不是已经沉淀下来的工具。把设计判断放进 Agent Skill、再用真实浏览器自查,这个大方向是对的。建议先在低风险页面上试验,确认浏览器检查在你环境里能跑通,暂时不要把工作流建立在它内部结构保持不变的前提上。

Hacker News 讨论

Taste Skill: An Anti-Slop Front End Framework for AI Agents
▲ 3 · 0 条评论 · 2026年5月28日

本文由 AI 根据项目 README 生成,更新于 2026年10月24日,以项目官方文档为准。