Taste icon

Taste

Taste 是一款 Claude Code skill,可从 URL 读取网站设计风格,提取为设计 tokens 并附带分析理由,输出可供 AI agents 和开发工具使用的 Markdown 与 JSON 文件。

Taste

概览

Taste 是一款 Claude Code skill,用于从 URL 读取网站的设计 taste。它将页面转化为 AI agent 可用的设计上下文,把提取出的 tokens 与视觉决策背后的推理结合起来。

根据主页信息,每次运行都会通过四个阶段分析网站:测量、模式、taste 推断和观察者审查。结果是一份精简简报,包含完整的 token 集合,以及一组解释设计取舍与选择的 taste 原则。

功能

四步分析流水线

通过四个 agent 角色处理一个 URL,使同一页面分别从测量、模式、taste 和编辑审查视角被检查。

设计 token 提取

从页面收集精确的设计值,包括颜色、间距、圆角、阴影、排版,以及以像素、十六进制值和比例表示的其他测量。

taste 理由输出

生成 4 条 taste 原则,解释设计选择背后的逻辑,包括触发因素、决策、原因、证据和取舍。

质量检查与验证

运行一个 anti-slop 质量门,在写入最终文件前验证 JSON。

双文件输出

为每次运行写入两个输出文件:一个 `.md` 简报和一个按所分析域名命名的 `.json` 文件。

使用场景

  • 逆向分析网站设计

    当你想检查一个现有网站并提取塑造其视觉系统的设计 tokens 和理由时,使用 Taste。

  • 向 AI agent 注入设计上下文

    当你需要可供 AI 编码 agent 使用的结构化设计上下文,以转化为实现决策或规则文件时,使用它。

  • 生成可复用的设计产物

    用它为特定域名生成简报和机器可读的 JSON 文件,然后在后续运行或工具中复用这些输出。

  • 跨站点标准化分析

    当你要比较多个网站,并希望使用一致的测量类别和基于原则的分析,而不是主观笔记时,使用它。

Pros and Cons

Pros

  • 采用结构化的多阶段工作流,而不是单次摘要。
  • 以精确数值捕捉具体设计测量,而非近似值。
  • 将原始 tokens 与解释配对,有助于 AI agent 复现设计意图。
  • 同时提供 Markdown 和 JSON 输出,便于下游工具使用。
  • 包含质量门,用于过滤无效或低质量输出。

Cons

  • 在已收集到的证据中,定价页面不可用,因此价格和方案结构尚未确认。
  • 网站仅明确记录了 Claude Code 和 Gemini CLI 的设置,尽管它提到了其他多个工具目标。

FAQ

Taste 支持哪些平台?

它看起来是一款 Claude Code skill,也可与 Gemini CLI 一起使用。主页还列出了适用于 Cursor、Windsurf、GitHub Copilot、Bolt、Antigravity、Vercel 的 v0、Figma 和 Lovable 的输出路径,但网站仅明确展示了 Claude Code 和 Gemini CLI 的设置示例。

输出结果是什么样的?

主页描述了一个四步工作流:从网页提取测量值、检测模式、推断 taste,并运行一个观察者步骤来过滤结果。最终产物是针对所分析域名的一个 `.md` 文件和一个 `.json` 文件。

如何使用它?

主页展示了针对 Claude Code 或 Gemini CLI 的三步设置:将 skill 克隆到对应的 skills 目录,安装 Playwright MCP,然后重启 CLI 并对一个 URL 运行 `/taste`。

它适合谁使用?

网站表示该 skill 可以读取任意网站的设计 taste,并从 URL 生成设计上下文。它面向希望从现有网站中提取结构化设计 tokens 和分析理由的 AI agents 和开发者。

是否有定价信息?

`/pricing` 页面当前返回 404,因此在已收集到的证据中,网站没有提供已公开的定价模式。

Quick Facts

类别
开发者工具
主要格式
Claude Code skill
支持的 CLI 示例
Claude Code, Gemini CLI
来源域名
tastelab.xyz
输出文件
.md 和 .json
定价
未在已收集证据中公布