Taste Labはデザインのためのアブダクションを提供し、あらゆるウェブサイトの背後にある「テイスト」と意思決定プロセスを抽出します。デザインマップとテイストDNAを生成し、色、タイポグラフィ、スペーシング、トレードオフに関する詳細な洞察を提供することで、デザインコンテキストをAIエージェントが利用できるようにします。
使い方 Taste Lab?
taste-skillリポジトリをクローンし、Playwright MCPをインストールしてから、AIエージェント環境(例:Claude Code、Gemini CLI)内で '/taste [URL]' のようなコマンドを使用して任意のURLでスキルを実行します。デザインコンテキストを詳述した.mdおよび.jsonファイルが生成されます。
Taste Lab の主な機能
正確なデザイン測定値(色、タイポグラフィ、スペーシング、半径、影)を抽出します。体系的なデザインパターンとルールを特定します。トリガー、決定、理由、証拠、トレードオフを含む「テイストDNA」を推測します。デザインマップ(トークン)とテイストDNA(原則)の両方を生成します。AIエージェント統合のために.mdおよび.json形式で出力します。Claude Code、Cursor、v0 by VercelなどのさまざまなAIツールと互換性があります。URLからデザインコンテキストへの明確なステップバイステップのパイプラインを提供します。
Taste Lab の使用例
AIエージェントがウェブサイトのデザイン美学を理解し、再現できるようにする。競合分析のためのデザイン意思決定のリバースエンジニアリング。デザイントークンとスタイルガイドの自動生成。AI搭載のデザインツールとプラットフォームにコンテキストを提供する。開発者がデザイン上の選択の背後にある論理を理解するのを支援する。ライブウェブサイトから包括的なデザインドキュメントを作成する。コンテキストを意識したデザイン推奨を行うAIの能力を向上させる。
Taste Lab よくある質問
最も影響を受ける職業
AIエージェント開発者
UI/UXデザイナー
フロントエンド開発者
プロダクトマネージャー
AI研究者
デザインシステムエンジニア
Taste Lab のタグ
Taste Lab の代替品