Taste Skill
開源的 SKILL.md 框架，指導編碼代理交付非通用前端。Taste Skill v2 讀取簡報，推斷設計方向，映射至既有設計系統，強制暗模式一致性，並在 Cursor、Claude Code、Codex、Gemini CLI、v0、Lovable 等多平台執行嚴格的預檢查。
概覽
安裝此技能，指向您的代理簡報，開始生成。該框架推斷目標受眾與版面類型，映射至合適系統，構建連貫區塊，檢查暗模式與層次一致性，並執行嚴格的預檢，避免代理交付佔位符、跳過區段或不匹配元件。
v2 的交付成果
Taste Skill 適合想要非千篇一律 UI 而不聘請設計團隊的工程師與代理擁有者。理想用戶包括全端開發者、前端主管、AI 代理整合者、設計系統維護者及交付內部控制台或公開網站的產品工程師。也適合現代化舊有應用的審核者，這些應用無法採用重量級框架，但今日仍需一致的設計標記、元件及暗模式一致性。
- 讀取簡報以推斷受眾、版面類型、動態深度及設計方向。
- 將需求映射至 Material、Fluent、Carbon、Polaris、Primer 或原生 CSS。
- 強制雙主題一致性，保持對比、層次、節奏及設計標記一致。
- 執行嚴格的預檢清單，阻擋佔位符及不完整區段。
- 提供風格、執行、以圖像為先、Stitch 匯出及重新設計審核技能。
目前技能包
使用者群
透過 skills CLI 安裝並選擇預設的 design-taste-frontend 技能。若需固定舊版行為，使用 design-taste-frontend-v1。將框架與您的代理（Cursor、Claude Code、Codex、Gemini CLI、v0、Lovable、OpenCode）配對，並提供簡潔的簡報與限制。針對圖像驅動工作，從 image-to-code-skill 開始；審核則用 redesign-skill；完整性保證則啟用 output-skill。執行生成，檢視嚴格的預檢清單，並透過擴充區塊庫架構迭代。雙主題檢查自動執行，確保暗與亮模式同步交付。
減少混亂，設計出色——有見地的護欄讓代理交付真實 UI。
快速入門
Taste Skill 以可執行的品味與結構取代模糊提示，為代理前端帶來明確意圖。透過聚焦簡報、映射至成熟系統及以嚴格清單控管輸出，交付看起來有意識而非生成的介面。風格包、以圖像為先的工作流程、Stitch 匯出及審核優先路徑涵蓋多樣專案，且不鎖定團隊於單一函式庫或執行時。成果於多次迭代與主題間保持一致。
開啟該工具並檢視其核心產品體驗。
建立帳戶或進入你已有的工作空間。
使用你自己的任務判斷速度、品質與適配度。
在最終決定前查看類似 AI 工具。
Taste Skill
Taste Skill 由 Leon Lin 建立，blueemi 及開源社群共同貢獻。專案聚焦於透過強烈的設計品味、嚴謹的清單及務實的系統映射，使代理生成的前端達到生產級品質，並由個人贊助者及開源計畫夥伴支持。
Taste Skill 是一個開源的反混亂前端框架，專為 AI 編碼代理設計。它不使用模板化腳手架，而是提供有見地的 SKILL.md 規則，引導 Cursor、Claude Code、Codex、Gemini CLI、v0、Lovable 及 OpenCode 等工具解讀簡報、選擇合適的設計語言並一致性地實現。v2 預設強調簡報推斷、設計系統選擇（Material、Fluent、Carbon、Polaris、Primer、GOV.UK、USWDS、Bootstrap、Radix、shadcn 或原生 CSS）、雙主題一致性及重新設計的審核優先協議。嚴格的預檢清單阻擋不完整輸出。專門技能涵蓋以圖像為先的流程、視覺風格（極簡、柔和、野獸派）、執行保證、Google Stitch 匯出及高級網頁或行動參考圖像生成。該專案為開源，專注於實用且可重複的成果：減少混亂、強化層次、可靠動態及跨迭代一致的元件庫。適用於任何支援 SKILL.md 指令的代理。
www.tasteskill.dev/
留言 (0)
尚無留言