Taste Labとは？

Taste Labは、あらゆるウェブサイトのビジュアルDNAをリバースエンジニアリングするデザイン分析ツールです。URLを指定するだけで、色、タイポグラフィ、スペーシング、シャドウ、そしてすべての決定の背後にある理由を含む、完全なデザイン分析結果を返します。出力は2つのファイル（.mdデザインマップと.jsonトークンセット）として提供され、AI搭載のビルドツールにそのまま投入できます。

対象ユーザー

• デザインエンジニア：競合サイトやインスピレーションサイトから、手動で調査することなく、正確で再利用可能なトークンセットを必要とする方。
• AIエージェント開発者：推測に頼らず、実際のデザインコンテキスト（色、スペーシングルール、トレードオフのロジック）をツールに注入したい方。
• プロダクトデザイナー：単に16進数のカラーコードを知るだけでなく、サイトがそのように見える理由を理解したい方。

主な機能

4つのエージェントによる抽出パイプライン

Taste Labは、4つの専門AIエージェントを順に実行します。最初のエージェントは生の測定値（すべての色、太さ、スペーシング値、半径、シャドウ）を抽出します。2番目のエージェントは、それらの測定値から体系的なルールを検出します。3番目のエージェントは、デザイナーのテイスト（各選択の背後にある意図的なトレードオフ）を推測します。4番目のエージェントは品質ゲートとして機能し、粗雑な推論をフィルタリングし、最終ファイルを書き込む前に出力を検証します。

デザインマップとテイストDNAの出力

実行ごとに、20の測定カテゴリをカバーする完全なトークンセットであるデザインマップと、4つの原則を含むテイストDNAセクションが生成されます。各原則には、1つのデザイン選択の背後にあるトリガー、決定、理由、証拠、トレードオフが含まれます。少なくとも1つの原則は「制約」であり、デザイナーがあえてしなかった選択を説明します。

正確なピクセル値と16進数カラーの引用

近似値はありません。出力は、すべての測定値について正確なpx、16進数、比率、DOM値を引用します。例えば、ページの背景は#08090A（ほぼ黒、純粋な黒ではない）で、テキストのプライマリカラーは#F7F8F8（ほぼ白、クールトーン）かもしれません。スペーシングは基本単位（例：8px）を基準に参照され、すべてのシャドウには完全なrgba値とオフセット値が含まれます。

特筆すべき点

Taste Labは、サイトがどのように見えるかを教えるだけでなく、デザイナーがその見た目を実現するために何を犠牲にしたかを教えてくれます。

ほとんどのデザイン分析ツールは、カラーパレットとフォントスタックで止まります。Taste Labはさらに一歩進んで、各選択の背後にある理由、つまりデザインを偶然ではなく意図的にするトレードオフを抽出します。「ブランドは色ではなく白に宿る」のような原則は、ほぼ黒のサイトがブランドカラーではなく白をアクセントとして使用する理由と、その選択が何を犠牲にするか（例：テンプレートのような安っぽい印象）を説明します。これにより、静的なトークンセットが再利用可能なデザイン哲学へと変わります。

こんな方におすすめ

ビジュアルインターフェースを生成または適応させる必要があるAIツールを構築していて、ランダムなスタイルガイドではなく、実際のデザイン上の決定から学習させたい方。また、自身の作品を同じ批判的な視点で監査したいデザイナーや、競合サイトをリバースエンジニアリングしていてカラーピッカー以上の情報を必要としている方にもおすすめです。