[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"$f31tfa62ch91s0":3},{"code":4,"message":5,"data":6,"timestamp":43},10000,"success",{"full_name":7,"position":8,"description":9,"language":10,"stars":11,"forks":12,"stars_gained":13,"age_days":14,"hn_threads":15,"one_liner":22,"summary_md":23,"topic":24,"github_topics":27,"license":39,"homepage":40,"updated_at":41,"history":42},"Leonxlnx\u002Ftaste-skill",4,"Agent skills that give coding agents taste: art direction, reference images and a browser check instead of generic AI pages","JavaScript",101942,6892,12478,246,[16],{"id":17,"title":18,"points":19,"comments":20,"posted_at":21},48306196,"Taste Skill: An Anti-Slop Front End Framework for AI Agents",3,0,"2026-05-28","让编程 Agent 有美术方向、真实配图，并在真实浏览器里自查页面，而不是套模板生成千篇一律的落地页。","## 解决什么问题\n\n编程 Agent 几分钟就能生成一个能跑的页面，但内容往往高度雷同：一个大标题、三张卡片、渐变背景加占位图。功能上没问题，视觉上完全记不住，最后还是得人来补美术方向。Taste Skill 把这些工作做成一个可安装的 Agent Skill：在构建过程中由 Agent 自己确定美术方向、使用真实的参考图片，并在浏览器里检查成品，而不是留给你事后收拾。\n\n## 有什么不同\n\n常见做法是给模型一句「做得好看点」，再指望它记得某个设计系统。Taste Skill 换成了流程：脚本从 20 个研究过的方向里抽出 3 个，Agent 选定其中一个，用一句话把客户自己的素材与方向绑定，从开放图库找带署名的图片，然后在 Chrome 里以三种宽度截图自查，按「烂设计」规则判失败，再修最突出的三个问题、最多三轮。与 UI 组件库或模板生成器相比，它产出的不是固定区块拼装；与单纯让模型指定风格相比，多了「自己看截图、自己判错」这一步。它还给看板和应用界面单开了一条路线，规定图表、表格、手机端布局的处理方式。\n\n## 适合谁\n\n用 Claude Code、Codex、Cursor 一类 Agent 写营销页、落地页、应用外壳的前端或全栈开发者，在意视觉质量但不想每次手工做美术指导。需要批量产出小站点、想统一 Agent 输出质量的团队收益最大。已有严格组件库的设计系统型产品、后端项目、以及需要可复现、diff 稳定输出的场景不适合：它在多个方向里随机挑，结果每次不同。\n\n## 上手成本\n\n需要 Node 22+，以及已安装的 Chrome、Edge 或 Chromium；找图需要联网。不需要 API key，除 skill 本身外不装别的东西。可通过 `npx skills` CLI 安装，也可作为 Claude Code \u002F Codex 插件使用。README 写明每次构建约 30 到 45 分钟、消耗几十万 token，这才是真正的成本。MIT 协议。README 对方法讲得很细，但项目很年轻，此前的若干 skill 已经拆到独立仓库，结构可能还会变。README 里的对标效果无法在本环境独立验证。\n\n## 点评\n\nTaste Skill 是 2026 年 2 月才创建的新项目，正处在一波陡峭的上涨里：JavaScript 月榜约新增 12,500 star、周榜约 3,800 star，总量 10 万 star，但 Hacker News 上只有一个 3 分、零评论的帖子，也从未上过每日 Trending。这更像是病毒式传播，而不是已经沉淀下来的工具。把设计判断放进 Agent Skill、再用真实浏览器自查，这个大方向是对的。建议先在低风险页面上试验，确认浏览器检查在你环境里能跑通，暂时不要把工作流建立在它内部结构保持不变的前提上。",{"slug":25,"name":26},"developer-tools","开发工具",[28,29,30,31,32,33,34,35,36,37,38],"agent-skills","ai-agents","anti-slop","claude-code","codex","cursor","design-system","frontend","landing-page","ui-design","web-design","MIT","https:\u002F\u002Ftasteskill.dev","2026-10-24T14:36:45Z",[],1792867679]