四步驟分析流程
透過四個 agent 角色處理一個網址，讓同一個頁面分別從測量、模式、taste 與編輯審查等角度被檢視。
概覽
Taste 是一個 Claude Code 技能，可從網址讀取網站的設計 taste。它會把頁面轉換成 AI agent 可使用的設計脈絡，結合擷取出的 tokens 與視覺決策背後的推理。
根據首頁說明，每次執行都會分四個階段分析網站：測量、模式、taste 推斷，以及 observer 審查。結果會是一份精簡摘要，包含完整的 token 集合與一組 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 技能，也可搭配 Gemini CLI 使用。首頁也列出了 Cursor、Windsurf、GitHub Copilot、Bolt、Antigravity、Vercel 的 v0、Figma 與 Lovable 的輸出路徑，但網站只明確提供 Claude Code 與 Gemini CLI 的設定範例。
輸出內容長什麼樣子？
首頁描述的是四步驟流程：從網頁擷取測量值、偵測模式、推斷 taste，並執行 observer 步驟過濾結果。最後會產出一個針對所分析網域的 `.md` 檔與 `.json` 檔。
要怎麼使用它？
首頁顯示 Claude Code 或 Gemini CLI 的三步驟設定：將 skill 複製到對應的 skills 目錄、安裝 Playwright MCP，然後重新啟動 CLI 並對一個網址執行 `/taste`。
它適合誰使用？
網站說這個 skill 可以讀取任何網站的設計 taste，並從網址產生設計脈絡。它適合想從既有網站取得結構化設計 tokens 與推理說明的 AI agents 與開發者。
有提供價格嗎？
`/pricing` 頁面目前回傳 404，因此在已收集到的證據中，網站沒有公開的定價方案。
Quick Facts
- 類別
- Developer Tool
- 主要格式
- Claude Code skill
- 支援的 CLI 範例
- Claude Code, Gemini CLI
- 來源網域
- tastelab.xyz
- 輸出檔案
- .md and .json
- 定價
- 未在收集到的證據中公開
Taste 替代品
Ghost
Ghost 是一款終端機 AI 助手，可在命令列中聊天、產生程式碼並執行任務。內建免費模型，支援 Linux、macOS、Windows，且為開源工具。
图像大厨imgcook
imgcook is a design-to-code tool that converts design drafts into front-end code. It supports plugin-based and developer workflows for Sketch, Photoshop, VS Code, and CLI usage.
Ably Chat
Ably Chat is a chat API platform for building custom realtime chat applications. It supports room-based messaging, typing indicators, presence, reactions, and message updates, with usage-based pricing options for different deployment stages.
AakarDev AI
AakarDev AI helps teams manage AI provider access, project-level setups, logs, and analytics from one dashboard. It supports BYOK workflows and lists providers including OpenAI, Google Gemini, Anthropic, Groq, Mistral AI, and Perplexity AI.
DeepMotion
DeepMotion 是一個基於網頁的 AI 動作捕捉與 3D 動畫平台，提供 Animate 3D 影片轉動畫與 SayMotion 文字轉動畫，讓創作者與團隊可在瀏覽器中產生動作並匯出常見製作格式。
Arduino VENTUNO Q
Arduino VENTUNO Q is an edge AI computer for AI and robotics applications. It combines AI inference and deterministic control on a single board and is designed to work with Arduino App Lab.