frontend-design：讓 AI 寫的介面擺脫 AI 感

這是什麼

frontend-design 是 Anthropic 官方出的一個「設計品味 skill」——等於塞給 AI 編程助手(Claude Code、Cursor、Codex 都能裝)一份設計風格規格書。裝了之後，AI 生出來的網頁不再是那種一眼認出的「AI 味」:Inter 字體、白底紫漸層、千篇一律的排版，它會被強制先選一個明確的美學方向(極簡、雜誌感、復古未來、奢華、工業風……)再動手寫程式，而且字體、配色、動效、留白都要跟著這個方向走到底。

它住在 Anthropic 的官方 skills 倉庫裡，整包 repo 在 GitHub 有 15.9 萬顆星(2026-07-07 查證，星數是整包倉庫的，不是這個 skill 單獨的)。

誰需要

• 已經在用 AI 寫網頁、但每次生出來都長得像「AI 範本」的人
• 想做自己的產品頁、作品集，又請不起設計師的一人公司
• 用 Claude Code / Cursor / Codex 的人：裝一次，之後每個專案都吃得到

要不要錢

完全免費，官方開源。連本站現在的視覺，都是照這個 skill 的設計原則調出來的——算是親自用過的那種推薦。

怎麼開始

1. 終端機跑一行:npx skills add anthropics/skills --skill frontend-design
2. 或者用 Claude Code 的人，直接叫它讀 github.com/anthropics/skills 裝進去
3. 之後照常叫 AI 做網頁，它就會自帶品味

小提醒

這個工具有使用門檻：你得已經在用 AI 編程工具(至少要敢開終端機)，完全沒碰過 AI 開發的人建議先從 Claude Code 入門再回來裝它。另外它給的是「方向和原則」，不是保證每次都美——生出來不滿意，叫 AI 換一個美學方向重來就好。

本文發表於 2026-07-07。文中價格與方案為發表當時查證的資訊，之後可能調整，實際請以官網最新公告為準。