Skill-Tase (tc)

📅 資料整理日期：2026-09-21

⚠️ 星數／版本可能隨時變動，本文反映整理當下的公開資料

前提：讀者已知 Agent Skills 開放標準，本篇直接聚焦 taste-skill 技術細節

🏷️ 一句話定位 #

Taste-Skill — gives your AI good taste. stops the AI from generating boring, generic slop

把「設計品味」封裝成可攜式 skill，讓 AI 生成前端時懂得避開「通用 AI 醜樣（slop）」。

📦 基本資訊 #

🔧 安裝 #

全部安裝（掃描 repo 內 skills/）：

npx skills add https://github.com/Leonxlnx/taste-skill

單一 skill（用 SKILL.md frontmatter 的 name: 欄位，非資料夾名）：

npx skills add https://github.com/Leonxlnx/taste-skill --skill "design-taste-frontend"

• v2 為預設，install name 不變，重跑指令即原地升級；要鎖定原版 v1 用 --skill "design-taste-frontend-v1"
• 也可直接把 SKILL.md 複製進專案，或貼進 ChatGPT / Codex 對話

🎛️ 可調刻度（Settings，僅 taste-skill） #

檔案頂端三個 1–10 的數字刻度（dials）：

🧠 v2 核心機制 #

讀取 brief → 推斷設計語言（design language）→ 調整三刻度。

🚫 反 slop 手段 #

• 18 項「AI tells（AI 痕跡）」清單
• 硬性禁令（production-tested）：section 數字眉標、版本標籤、照片 credit 說明、裝飾性 hero 條、圖片上藥丸（pills）、locale 條、scroll cue、裝飾點、分隔線濫用
• 一致性鎖（consistency locks）：色彩／形狀／主題
• 版型紀律：hero discipline、bento 格數規則、斜體下緣間隙（italic descender clearance）
• 預設 Tailwind v4，動效建議用 Motion（原 Framer Motion）

📚 Skills 全家桶（10 個 code + 3 個 imagegen） #

Implementation skills（產出 code） #

Image generation skills（只產參考圖，不產 code） #

選用指引 #

• 預設先上 taste-skill（最安全通用）；要原版行為就 taste-skill-v1；要更嚴格用 gpt-taste
• 改既有 codebase → redesign-skill；視覺方向已定 → 加 soft／minimalist／brutalist；agent 常截斷 → output-skill
• 交付物是圖 → 用 imagegen 系列，再把 frames 交給 Codex／Cursor／Claude Code
• image-to-code-skill 記得在 prompt 明示流程：follow the skill: generate images, then analyze, then code

❓ 常見問題 #

📁 研究資料 #

背景研究存於 research/：root-causes/、remediation/、findings/、laziness/ 四個子目錄（反 slop 規則的依據）。

🔗 參考連結 #

*資料來源：taste-skill GitHub README（最後提交 2026-09-20）*