Leonxlnx/taste-skill 一週新增約 3,941 顆星，讓程式碼代理做出有設計感的頁面

背景

Leonxlnx/taste-skill 是一個 Agent Skill（可安裝到程式碼代理上的技能套件，執行時會跑附帶的腳本）。程式碼代理指的是能自動寫程式的 AI 工具。專案說明表示，這個技能要讓程式碼代理真的去設計網站與 app 畫面，而不是拼出一個平均水準的 landing page（產品或活動的單頁式宣傳網頁）。說明中提到它給代理三樣東西：藝術指導、真實圖片，以及在真實瀏覽器裡檢查自己成果的方法。 GitHub 熱門專案

發生什麼事

截至本站記錄時（2026 年 10 月 29 日），Leonxlnx/taste-skill 在 GitHub 上累計 104,233 顆星，一週內新增約 3,941 顆星。專案建立於 2026 年 2 月 19 日，主要語言為 JavaScript，授權為 MIT（寬鬆的開源授權）。這是本站依 GitHub 熱門專案記錄的觀察值，來源只有這一筆。 GitHub 熱門專案

重點內容

專案說明表示，v2 版的技能是根據對 247 個精選網站的研究建成，一次建置分六步：先讀需求並列出只有該客戶才有的素材；由腳本從 20 個研究過的設計方向中抽出三個，讓代理挑一個；接著想出一句話的核心構想，把客戶自己的素材和該方向連起來；然後用開放圖庫的真實圖片與影片建置並標註出處；再用真實瀏覽器在三種寬度檢查頁面，有問題就判不合格；最後檢視自己的截圖，修正最嚴重的三個問題，最多進行三輪。 GitHub 熱門專案

v2.1 加入儀表板與 app 畫面的獨立流程。專案說明表示，技能會從由真實產品畫面整理出的 app 風格中抽一種，依此建出外框、資料、圖表與表格，並用 app 專屬規則檢查，包括安靜的面板、對齊的數字、顏色只用在資料上，以及手機版面中導覽列會收起。v2.1 也檢查每一頁的整體框架，例如第一屏要有清楚標題、邊界相等，動態效果則以最新 100 個 Awwwards Sites of the Day（設計獎站點的每日獎項）為量測依據。 原文

圖片來源方面，專案說明表示取自 Wikimedia Commons、Openverse 與 Met 等開放典藏，只提供 public domain、CC0、CC BY 與 CC BY-SA 的檔案，並由技能在頁面上標註出處，使用者有自己的圖片時可以替換。至於框架，說明表示 React、Vue、Svelte 與純 HTML 都適用，因為規則談的是設計而不是框架。 原文

對使用者的意義

需要讓程式碼代理產出網頁或後台畫面的開發者，可以用 npx skills CLI（命令列介面，用打字下指令操作電腦的方式）安裝，指令為 npx skills add https://github.com/Leonxlnx/taste-skill --skill "design-taste-frontend"。專案說明也列出 Claude Code 與 Codex 的 plugin（外掛）安裝方式，以及從 clone 下來的專案用 ./install.sh 建立連結的方式。此外，其他舊技能已移到 Leonxlnx/taste-skill-classics 與 Leonxlnx/imagegen-skills，安裝名稱不變。 GitHub 熱門專案

限制與未定事項

專案說明列出的執行條件是 Node 22+（執行 JavaScript 的環境，需 22 版以上）與已安裝的 Chrome、Edge 或 Chromium 瀏覽器；技能本身不安裝其他東西，也不需要 API（應用程式介面，程式之間互相呼叫的方式）金鑰，但找圖片需要網路。說明也指出，一次建置大約需要 30 到 45 分鐘，以及數十萬個 token（模型處理文字的計量單位）。以上功能與成效皆為專案說明的描述。 GitHub 熱門專案