1. 基本信息
| 项目 | 内容 | 数据来源 |
|---|---|---|
| 正式名称 | taste-skill | 独立 GitHub 仓库名 |
| 作者/维护者 | Leonxlnx（个人开发者），6 名贡献者（含 1 个自动化机器人） | GitHub API |
| 来源链接 | https://github.com/leonxlnx/taste-skill | — |
| 许可证 | MIT | GitHub API |
| GitHub Stars / Forks | 64,847 / 4,466 | GitHub API |
| 最新版本 | v2（experimental，预发布，随仓库滚动更新，未打 Release 标签） | CHANGELOG.md |
| 安装方式 | npx skills add 一条命令（遵循开放 Agent Skills 标准） |
README.md |
2. 功能介绍与亮点
taste-skill 是一套“反模板化”前端设计技能，核心不是直接出代码，而是先替 agent 做设计判断：
- 先读需求再定风格：要求 agent 先识别页面类型（落地页/作品集/改版）、受众与参考信号，输出一句“设计读法”声明，再动手写代码
- 数值化“设计拨盘”：用
DESIGN_VARIANCE（版式变化度）、MOTION_INTENSITY（动效强度）、VISUAL_DENSITY（信息密度）三个 1–10 数值代替模糊的风格描述，让设计强度可控、可复现 - 明确禁用 AI 默认套路：直接点名紫色渐变、居中英雄区+深色网格背景等“AI 默认脸”，要求主动避开
- 官方设计系统匹配表：识别到企业级/Material 风格等特定场景时，提示直接装官方组件库（Fluent UI、Material Web、Atlassian Design 等），而非手写复刻
- 配套风格变体与出图子技能：同仓库另附 brutalist（工业感）、minimalist（编辑感）、soft（高端柔和）等风格变体，以及生成参考图的图像技能，覆盖从出图到实现的链路
亮点：2026-05-27 登上 GitHub Trending 全语言日榜第一，此后多次进入周榜/月榜，获 Vercel 开源计划等多家机构赞助，并获科技媒体独立报道。
3. 适用场景
所属分类：前端与设计。适用于用 Claude Code、Codex 等 agent 生成落地页、作品集或改版门面型页面、担心输出“千篇一律 AI 风”的初中级开发者与独立设计师/小团队。仓库明确声明不适用于 dashboard、数据表格、多步产品 UI 等信息密集型界面。
4. 跨 Agent 兼容性
| Agent | 结论 | 依据 |
|---|---|---|
| Claude Code | ✅ 原生支持 | README 明确列为目标 agent，遵循开放 SKILL.md 标准 |
| Codex | ✅ 原生支持 | README 明确提及配合 Codex 使用，并附专门的 GPT/Codex 变体子技能 |
| OpenClaw | ❓ 未验证 | 已抓取材料中未见相关证据 |
| Hermes Agent | ❓ 未验证 | 已抓取材料中未见相关证据 |
5. 推荐理由
GitHub 今年最热门的前端技能之一，用可调节的“设计拨盘”系统教 AI 摆脱模板化视觉、产出有品味的界面。
6. 评分
| 维度 | 分数 | 说明 |
|---|---|---|
| 受欢迎程度 | 9 | 64,847 stars（个人仓库，非合集平均），2026-05-27 登顶 GitHub Trending 全语言日榜第一并多次上榜，获 Vercel 开源计划等企业赞助 |
| 可用性 | 8 | 一条 npx skills add 命令即可安装，SKILL.md 文档详尽含拨盘参数与示例，近日仍有提交，但当前默认技能标注为 v2 experimental 预发布，API 尚未锁定 |
| 安全性 | 9 | 纯提示词/Markdown 文本技能，逐项核查见下 |
安全检查清单：
① Shell 执行：仓库自带 skill.sh 仅做本地技能路径查询，不执行外部命令，SKILL.md 正文未见要求执行 shell 操作的指令
② 联网外发：未见联网上报数据的指令；文中“token”均为设计系统术语（design token），非凭据
③ API key/凭据：不要求任何 API key 或凭据
④ 可疑指令：全文（含全部 1206 行核心 SKILL.md）未见 prompt injection 或越权操作指令
⑤ 作者信誉：个人开发者主导，但有多名贡献者、多家企业赞助（含 Vercel 开源计划）及独立科技媒体报道背书
⑥ License：MIT，明确
⑦ 维护：最近一次提交为 2026-07-17，持续活跃
7. 跟同类 Skills 相比的优势
| 技能 | 定位 | 与 taste-skill 的差异 |
|---|---|---|
| frontend-design（anthropics/skills） | Anthropic 官方出品，强制先定配色/字体/“signature”记忆点再写代码，反三种“安全牌”套路 | 只给一套固定审美纪律，无数值化强度调节；taste-skill 用拨盘让变化度/动效/密度可量化控制 |
| web-design-guidelines（vercel-labs/agent-skills） | Vercel 官方出品，面向已写好的代码做无障碍/表单/深色模式等 100+ 条 UI 合规审计 | 定位是“审代码”而非“定风格”；taste-skill 定位在动手写代码之前的设计决策阶段 |
taste-skill 的差异化在于把主观的“审美判断”拆成可调节数值，并配套多种明确风格变体（brutalist/minimalist/soft 等）与出图子技能，覆盖“先出参考图再实现”的完整链路。
8. 用户评价
GitHub Discussions 用户 jjlogic2011-maker 评价该项目关注的是“上下文对齐、信号优先级、认知结构与输出完整性”这类 AI 判断力问题，而不只是能力扩张（来源：GitHub Discussions #4）。独立科技媒体 Developers Digest 与 AIToolly 均将其列为“taste skill”（AI 审美判断力技能）这一新兴品类的代表项目之一。
9. 其他补充
仓库明确声明未发行任何官方代币或加密货币，提醒用户警惕冒名代币骗局。旧版技能以 taste-skill-v1（install name design-taste-frontend-v1）保留，供依赖旧版行为的项目锁定使用。
10. 安装使用方式
- 安装单个核心技能：
npx skills add https://github.com/leonxlnx/taste-skill --skill "design-taste-frontend" - 安装整包（含全部风格变体与图像生成子技能）：
npx skills add https://github.com/leonxlnx/taste-skill - 也可直接复制对应 SKILL.md 内容粘贴进 Claude Code / Codex 对话
安装后无需重启，agent 在识别到前端设计相关请求时按 SKILL.md 描述自动加载；首次使用建议在需求中明确页面类型（landing page / portfolio / redesign）与风格关键词，便于技能正确推断设计方向。
11. 注意事项
- 当前默认技能为 v2 experimental 预发布版本，拨盘参数与章节结构尚未在 v2.0.0 锁定，后续可能调整
- 仓库明确该技能不适用于 dashboard、数据表格、多步产品 UI 等信息密集型界面
- OpenClaw 与 Hermes Agent 兼容性未获验证
- 图像生成类子技能需配合外部图像生成工具（如 ChatGPT Images）使用，不能单独直出代码