以簡報驅動畫面範圍劃分
Tastemaker 先根據產品簡報來劃定畫面範圍，再產生色彩、字體與版面決策。頁面展示的範例包括登陸頁 hero、定價、CTA、導覽上手狀態、儀表板狀態與設定畫面。
Tastemaker 是什麼
Tastemaker 是一款給 coding agents 使用的工作流程技能，透過參考資料、規則與可重用的專案記憶，來讓設計決策有依據，進而幫助它們產出更一致的 UI。網站將其定位為不再只是要求模型「有品味」，而是提供 agent 一套可執行的流程。
實務上，Tastemaker 會讀取簡報、定義畫面、鎖定視覺系統、生成素材、建立視覺證明，並將決策保存供日後使用。其結果預期會以檔案與素材的形式留在專案內，而不是作為獨立的託管服務存在。
網站上展示的核心能力
色彩系統生成與對比檢查
它可以讀取參考像素或生成全新調色盤，接著計算符合對比下限的合法配色組合。網站明確展示了類 WCAG 的對比檢查與樣式鎖定流程。
素材與品牌元素來源
此工作流程會取得完整的視覺語言，包括圖示家族、影像、構成的標誌與 favicon。首頁說明它避免使用 emoji 佔位符，且經驗證的素材會隨畫面一併提供。
一次完成 UI 證明與動效
Tastemaker 不只是把主張停留在文字，而是將功能轉成 UI mockup、流程、圖表與前後對照狀態。首頁也提到 GSAP 動畫會在同一輪交付，而比較頁面有考量 reduced-motion 行為。
本機專案記憶
專案決策會儲存在本機，讓 agent 能在未來工作中重用偏好。網站展示了 `.tastemaker/style-lock.md`、`decisions.log`，以及記錄保留／拒絕選擇的設定檔。
以檔案為基礎的輸出
此產品設計為搭配一般專案檔案運作，而不是依賴託管黑盒。頁面展示 Markdown、Python、SVG、CSS 與 JavaScript 為主要輸出格式。
Tastemaker 的適用情境
設計行銷頁面
當你希望 agent 建立登陸頁或應用程式畫面，而且需要比預設提示詞更有意圖的視覺系統時，就可以使用它。網站的比較頁面以咖啡訂閱登陸頁示範安裝此技能前後的差異。
建立具有狀態的產品畫面
適用於多狀態產品 UI，讓空白、載入中、已填入與設定畫面看起來像同一個系統。首頁明確把導覽上手、儀表板與設定狀態列為範圍輸出的一部分。
將參考轉成色彩系統
當你已經有參考影像，並希望 agent 從實際像素中推導出可用調色盤時，就很適合使用。Tastemaker 主打參考讀取、生成調色盤與對比驗證。
將設計決策保留在 repo 中
適合希望 UI 輸出以檔案形式儲存在儲存庫中，而不是鎖在託管工具裡的專案。網站展示了本機 Markdown、log、CSS、SVG 與 JavaScript 輸出，並與產品程式碼並列。
在不同工作階段間維持視覺一致性
當重複的 UI 工作應該延續先前選擇，而不是每次都重新決定時，就可使用它。Tastemaker 會將保留／拒絕決策儲存到本機設定檔中，供未來專案使用。
Pros and Cons
Pros
- 展示了具體且具名的工作流程階段，而不是依賴含糊的提示詞。
- 產出可檢視的專案檔案與素材，使結果更容易審查與重用。
- 包含對比檢查與樣式鎖定，以降低跨畫面的視覺漂移。
- 將專案決策保存在本機檔案中，讓偏好可在任務之間延續。
- 在免費核心之上支援少量美學模式，而不改變底層工作流程。
Cons
- 價格頁不可用；/pricing 網址會回傳 page not found 錯誤，因此公開網站上的方案細節不完整。
- 整合指引較為簡略，因此除了安裝指令與少數支援的 agent 名稱外，設定細節有限。
- 公開資料著重於 UI 工作流程與輸出，而非更廣泛的產品管理或非視覺設計使用案例。
FAQ
如何將 Tastemaker 與 coding agent 一起使用？
Tastemaker 會作為 coding agents 的技能安裝，當你要求代理去建立、調整或改善 UI 時就會觸發。網站顯示的終端機風格安裝指令為 `npx skills add codeswithroh/tastemaker`，並註明 Claude Code 也可以使用外掛市集或手動安裝。
Tastemaker 在專案工作流程中做什麼？
首頁將 Tastemaker 描述為一個工作流程，為 coding agent 提供設計品味的依據、檢查、建構與記憶。其步驟包括讀取產品簡報、鎖定視覺系統、取得素材、以 UI 形式建立證明，並儲存決策供未來工作使用。
Tastemaker 會產生什麼類型的輸出？
公開頁面將輸出顯示為本機專案檔案與素材，包括 `.tastemaker/style-lock.md`、`.tastemaker/decisions.log`，以及產生的設計素材，例如標誌、圖示、插圖、CSS、SVG、Markdown、Python 和 JavaScript。
是否有價格頁面或方案細節？
網站表示核心功能維持免費，而贊助者專屬的美學模式每月為 $8。價格網址目前本身會回傳頁面不存在錯誤，因此沒有可供檢視的獨立價格頁面。
Tastemaker 支援哪些工具或 agents？
首頁將 Tastemaker 定位為適用於 Claude Code、Windsurf 與 Gemini CLI 的 agent 工具，並指出此工作流程不需要神奇口令、帳號或託管 API 即可觸發。除此之外，網站沒有提供更深入的整合文件。
Quick Facts
- 類別
- 開發者工具 / AI Agent 工作流程
- 主要使用者
- 塑造 UI 的 coding agents 與開發者
- 平台
- 具備本機檔案工作流程輸出的網站
- 來源網域
- tastemaker-skill.online
- 安裝
- `npx skills add codeswithroh/tastemaker`
- 價格
- 免費核心；贊助者專屬模式每月 $8
Tastemaker 替代品
ByteAsk
ByteAsk 是專為 C 與 C++ 打造的終端機優先 AI coding agent，先編輯儲存庫再用真實編譯器、除錯器、sanitizer 與測試驗證變更，並提供免費方案與付費方案。
CreateOS Sandbox
CreateOS Sandbox 是以 Firecracker micro-VM 執行程式與 agent 工作負載的隔離運算環境，支援私有網路、SDK、CLI 與 MCP 程式化控制。
hob
hob 是一個獨立的 coding agents 工作區，整合 agent sessions、終端機、歷史紀錄與後續工作，並維持你既有的工具與供應商設定。適合想保有本機路由、歷史與工作區結構控制權的開發者。
Manta AI
Manta AI 是一款自動化網頁應用測試工具，從 URL 即可開始探索、建立行為地圖，並以自然語言產生測試與回歸檢查，無需撰寫腳本或維護 selector。
SonOf
SonOf 串接你的 repo 與 PM 工具，審核程式碼庫與產品脈絡，將核准工作轉為可交付的 ticket，並由資深工程師審查，協助創辦人與工程主管快速補足 backlog。
Ghost
Ghost 是一款終端機 AI 助手，可在命令列中聊天、產生程式碼並執行任務。內建免費模型，支援 Linux、macOS、Windows，且為開源工具。