让 Agent 写网页，出来的东西大多长得差不多。Taste Skill 想治的就是这个毛病。它是一组 MIT 许可的 Agent Skills，仓库 Leonxlnx/taste-skill：先给 Agent 定一个美术方向，再塞给它真实的图片素材，最后逼它打开真浏览器看自己做出来的页面。Claude Code、Codex、Cursor 这些支持 Agent Skills 格式的工具都能装。
v2.0.0 在 2026 年 10 月 14 日 05:05（北京时间）发布。AI Rank 第二天的快照里，它的综合名次从第 40 升到第 25。
六步工作流程
README 说默认技能是研究了 247 个精选网站后总结出来的。每做一个页面都按这六步来：
- 读需求，列出这个客户独有的东西。
- 脚本从 20 个调研过的方向里抽 3 个，Agent 选一个。
- 找到核心想法：用一句话把客户素材和这个方向连起来。
- 用开放图库里的真实图片和视频搭页面，并注明出处。
- 在真实浏览器里按三种宽度检查，发现「AI 味」就判不合格。
- 看自己的截图，改掉最严重的三个问题，最多三轮。
代价也不小，官方估计一次要 30 到 45 分钟，耗掉几十万 token。图片来自 Wikimedia Commons、Openverse、大都会博物馆等开放馆藏，只取公有领域、CC0、CC BY、CC BY-SA 几种授权，署名就写在页面上。
技能选择
整个仓库不止一个技能：
| 场景 | 技能（安装名） |
|---|---|
| 新做一个对外页面 | taste-skill（design-taste-frontend） |
| 改已有页面 | redesign-skill（redesign-existing-projects） |
| 视觉方向已经定了 | soft-skill、minimalist-skill 或 brutalist-skill |
| 先出图再写代码 | image-to-code-skill，或几个 imagegen 技能 |
| 给 GPT／Codex 的更严格版本 | gpt-tasteskill（gpt-taste） |
| Agent 老是写一半就停 | output-skill（full-output-enforcement） |
默认技能是给官网、落地页这类对外页面用的。后台、应用界面不在它的射程里，README 建议这时换 minimalist-skill 或 soft-skill。前端框架没有限制，React、Vue、Svelte、纯 HTML 都行。用惯了 v1 或旋钮版的，照旧按原名安装就好。
安装命令
npx skills add https://github.com/Leonxlnx/taste-skill
只要默认技能，加上 --skill "design-taste-frontend"。Claude Code 用户也可以走插件市场：先 /plugin marketplace add Leonxlnx/taste-skill，再 /plugin install taste-skill@taste-skill。Codex 有一对对应的 codex plugin 命令。
运行环境要 Node 22 以上，外加 Chrome、Edge 或 Chromium。不需要 API key，只有找图时才联网。项目官网是 tasteskill.dev。作者另外还做了一个叫 TasteCode 的免费开源桌面应用，里面内置了设计 Agent。
星标与名次
AI Rank 2026 年 10 月 15 日快照：
| 指标 | 数值 |
|---|---|
| 星标 | 95,962 |
| Fork | 6,524 |
| 近 1 天新增星标 | +574 |
| 近 7 天新增星标 | +2,590（+2.8%） |
| 综合名次 | 第 25（上期第 40） |
| 7 天星标增速名次 | 第 37 |
| 贡献者 | 18 人 |
分类是 AI 工程下的提示词与脚手架。快十万星标的项目只有 18 位贡献者，基本是作者一个人在推。
经常用 Claude Code、Codex 或 Cursor 做落地页、营销站、作品集，又舍得每页花半小时以上的人，值得装来试试。
选型前先对比： 星标每天都在变，决定前先看 AI Rank 的开源 AI 项目榜。
或 📱 下载 AI Rank App 在手机上随时查看。
本文使用自动化编辑辅助，于 2026 年 10 月 15 日依据官方资料与指定日期的 AI Rank 数据核对，未进行自有测试。
封面图片：官方产品素材；由 AI Rank 编辑排版。
