AI Coding / Design Workflow
AI 寫前端去罐頭味：UI/UX Pro Max、Taste Skill、Hallmark 三種 Design Skill 的定位差異
Threads 推薦三款 AI UI/UX design skills：UI/UX Pro Max、Taste Skill、Hallmark。本文查證 GitHub repos 與 license，整理它們分別適合 enterprise design system、anti-slop 排版動效、強視覺個性與 audit/redesign/study workflow，並提醒不要同時塞太多互相衝突的設計規範。
2026年8月5日1 分鐘閱讀👁 6
Threads 知識整理 · AI Design Workflow
這則 Threads 的重點很實用：很多 AI coding agent 不是不會寫前端，而是會寫出「能跑但沒品味」的 AI slop。Design Skill 的價值，就是把設計規則、反模式檢查與審美偏好變成 agent 可載入的操作規範。
Matt 判斷：不要把三套一起塞進同一個 prompt。Enterprise dashboard、精品 landing page、強視覺活動頁需要不同設計 DNA；同時載入只會讓 agent 在「極簡、動效、叛逆、規範」之間互相拉扯。
## 三套技能查證
| Skill | Repo / Website | License | 定位 | 適合情境 |
|---|---|---|---|---|
| UI/UX Pro Max | nextlevelbuilder/ui-ux-pro-max-skill / uupm.cc | MIT | 系統化設計架構師；大量 rules / UI styles | SaaS、dashboard、enterprise UI、需要一致設計系統 |
| Taste Skill | Leonxlnx/taste-skill / tasteskill.dev | MIT | anti-slop frontend framework；強調 layout、留白、字階、微互動 | 想讓 web app 看起來更精緻、有節奏、少模板感 |
| Hallmark | Nutlope/hallmark / usehallmark.com | MIT | anti-AI-slop design skill；57 gates、20 themes、4 verbs | 需要強視覺個性、audit/redesign/study 參考圖設計 DNA |
## 使用建議
- 先選風格，不要全裝：同一個任務只給一個設計靈魂。
- Hallmark 適合重拉皮：
audit找問題、redesign重做視覺指紋、study從參考圖抽 DNA。 - Taste Skill 適合提升質感：當功能完成但看起來廉價時，用來整理 spacing、type scale、motion。
- UI/UX Pro Max 適合產品化：需要系統化元件、可近用性、圖表與企業級一致性時優先。
做 demo / MVP 時，可以把 design skill 當成「二階段 polish agent」：第一階段讓 Codex/Claude 先做功能，第二階段用單一 design skill 做 UI audit + redesign，避免功能 agent 一邊修 bug 一邊改審美，導致 scope 爆掉。