Taste Lab

Taste Lab 是什么？

Taste Lab 是一款设计分析工具，能够逆向解析任何网站的视觉基因。只需输入一个网址，它就能返回完整的设计拆解报告——涵盖色彩、字体、间距、阴影，以及每个设计决策背后的逻辑。输出结果包含两个文件：一份 .md 格式的设计图谱和一份 .json 格式的令牌集，可直接用于任何 AI 驱动的构建工具。

适用人群

• 设计工程师：需要从竞品或灵感网站中提取精准、可复用的令牌集，无需手动检查。
• AI 智能体开发者：希望为工具注入真实的设计上下文——色彩、间距规则和取舍逻辑——无需凭空猜测。
• 产品设计师：想了解网站外观背后的原因，而不仅仅是它使用了哪些十六进制色值。

核心功能

四智能体提取流水线

Taste Lab 按顺序运行四个专用 AI 智能体。第一个智能体提取原始测量数据（所有色彩、字重、间距值、圆角和阴影）。第二个智能体从这些测量值中检测系统性规则。第三个智能体推断设计师的审美偏好——每个选择背后刻意的权衡。第四个智能体作为质量把关，过滤掉草率的推理，并在写入最终文件前验证输出结果。

设计图谱与审美 DNA 输出

每次运行都会生成一份设计图谱——涵盖 20 个测量类别的完整令牌集——以及包含四项原则的审美 DNA 部分。每项原则都包含一个设计选择背后的触发条件、决策、理由、证据和权衡。其中至少有一项原则是约束条件，解释设计师没有选择做什么。

精确像素与十六进制引用

无近似值。输出结果会为每个测量值引用精确的 px、hex、比例和 DOM 值。例如，页面背景可能是 #08090A（接近黑色，非纯黑），文本主色为 #F7F8F8（接近白色，偏冷色调）。间距基于基础单位（如 8px）进行引用，每个阴影都包含完整的 rgba 值和偏移量。

突出特点

Taste Lab 不仅告诉你一个网站看起来是什么样子——它还告诉你设计师为了达到这种效果放弃了什么。

大多数设计分析工具止步于调色板和字体堆栈。Taste Lab 更进一步，提取每个选择背后的逻辑——让设计从偶然变为刻意的权衡。像"品牌存在于白色中，而非色彩中"这样的原则，解释了为什么一个接近黑色的网站使用白色而非品牌色作为强调色，以及这种选择牺牲了什么（例如，模板带来的廉价感）。这会将静态的令牌集转化为可复用的设计哲学。

值得一试，如果你……

正在构建需要生成或调整视觉界面的 AI 工具，并希望它们从真实的设计决策中学习，而非随机风格指南。如果你是设计师，想用同样的批判性眼光审视自己的作品——或者正在逆向解析竞品网站，需要比取色器更强大的工具，也值得一试。