Taste Lab

Taste Lab ができること

Taste Lab は公開ウェブサイトの URL を読み取り、構造化されたデザイン記述を出力します。プロセス全体は、メトリクスの抽出、パターンの識別、テイストの推論、アウトプットの観察という4つのステップで構成されています。まず、色・フォント・間隔・角丸・シャドウなどの生の数値を収集します。次に、これらの数値を5〜8個の再利用可能なデザインルールへと整理します。続いて、ルールをいくつかのデザイン原則へと洗練し、各トレードオフの背後にある理由を説明します。最後に品質チェックを実施し、低品質な結果を削減します。

出力ファイル

• デザインマップ Markdown：約20のメトリクスカテゴリをカバーする完全なトークンセット。
• デザイン原則 JSON：各原則には Trigger、Decision、Reason、Evidence、Trade-off フィールドが含まれます。

対象ユーザー

この生成物は主に、新しいページを構築する際にカラーパレット以上の情報を求める AI コーディングエージェントと第一線の開発者を対象としています。プロジェクトページでは Claude Code、Gemini CLI、Cursor、Windsurf、GitHub Copilot、Bolt、v0 by Vercel、Figma をターゲットシナリオとして明示しています。生成物はプレーンテキストのパッケージであるため、Markdown や JSON を読み取れるあらゆるツールで利用可能です。このプロジェクトは Sen Lin がオープンソースのサイドプロジェクトとして GitHub 上で公開しています。

使用上の注意

Taste Lab が出力するのは静的なスナップショットです。解析元のサイトが改版された場合は、再実行が必要です。低品質防止チェックによって明らかなエラーは排除できますが、最終的には人手によるレビューが依然として必要です。有料機能やホスティングサービスに関心がある場合は、公式プロジェクトページをご確認ください。