![]()
你用 AI 砌網頁或介面,是否常常一睇就知係「AI 整」,又醜又樣板?呢個問題有個名,叫「AI slop」,即千篇一律、冇靈魂的樣板貨。隨住越來越多人用 AI 快速砌 landing page 同產品介面,呢種「AI 味」亦越來越明顯。GitHub 上一個超過 6.5 萬 star 的開源工具「Taste Skill」,正正針對呢一點:畀 AI「審美」,令佢砌出嚟嘅介面有排版、字體、動效同留白,唔再一味套模板。本文詳細拆解它是什麼、AI slop 的具體病徵、點運作、有咩風格變體,以及邊啲人用得著同要注意什麼。
什麼是 Taste Skill?
Taste Skill 是一套「反樣板」的前端 Agent Skills,用嚟提升 AI 砌出嚟嘅介面質素。它以「SKILL.md」形式存在,即一個可攜嘅指令檔,AI 可以自動載入並跟住做。它唔綁定某一個框架,React、Vue、Svelte 都用得,因為它針對嘅是「設計意圖」而唔是某個 API 語法。整個專案採用 MIT 開源授權,免費使用,而且社群活躍、持續更新,主 skill 現時已推出經大幅重寫嘅第二代。
AI slop 有什麼具體病徵?
「AI slop」唔係一句抽象批評,而是有跡可尋嘅通病:版面永遠置中對稱、缺乏視覺層次;間距鬆散又平均,冇疏密節奏;字體大細對比不足,標題同內文分唔開;配色安全但沉悶;動效欠奉或只得基本 hover。呢啲加埋,就令人一眼認出「係 AI 整」。根源在於模型傾向輸出「統計上最安全」嘅選擇,而安全往往等於平庸。Taste Skill 就是用規則逼 AI 離開呢個安全區。
它是怎樣運作的
Taste Skill 的核心,是一套經專門研究整理嘅「反重複、反樣板」設計規則,寫進 SKILL.md。當 AI agent 載入之後,它會喺砌介面時跟住呢套規則行事:主動製造版面變化、加強字體層次、鋪排留白與節奏、加入恰當動效。它甚至內建咗一啲「硬規則」,例如禁用某些一睇就俗嘅寫法,並要求做設計前先推斷品牌語氣。換言之,它把資深設計師嘅判斷力,變成 AI 可以照跟嘅指令。
怎樣安裝與使用
安裝好簡單:用一句 npx skills add 指令,就可以把它裝落 Claude Code、Cursor、Codex 等主流 coding agent;亦可以只裝其中一個指定 skill。你亦可以把 SKILL.md 直接複製入專案,或貼入 ChatGPT/Codex 對話。裝好之後,你叫 AI 砌介面時,出品就會明顯有品味啲。如果你係改造現有專案,仲有專門嘅「redesign」skill,會先審視你現有 UI,再逐項修正版面、間距、層次同樣式,唔使推倒重來。
三個可調「旋鈕」
主 skill 提供三個 1 至 10 的調節旋鈕,讓你精準控制風格。DESIGN_VARIANCE(版面實驗度):低係置中、乾淨;高係不對稱、現代。MOTION_INTENSITY(動效強度):低係 hover 為主;高係滾動觸發同磁吸互動。VISUAL_DENSITY(資訊密度):低係寬鬆留白;高係密集儀表板。三粒掣一調,同一個 skill 就可以由保守企業風,變到大膽前衛風,切合唔同品牌同場景。
多種風格變體
除了預設,它還提供多個專門變體,等你按已定好嘅方向直接揀:極簡(Notion、Linear 那種克制編輯感)、高級柔和(柔對比、大量留白、彈性動效,營造「貴」嘅感覺)、工業 brutalist(Swiss 字體、硬朗對比、實驗版面),以及針對 GPT/Codex 更嚴格嘅變體。仲有一個「full output」skill,專治 AI 交半桶水、留一堆 placeholder 唔寫完嘅老問題。
唔止砌 code,仲會出設計圖
Taste Skill 除了輸出程式碼的實作 skill,還有一組「出圖」skill:可以生成網站參考圖、手機介面流程、甚至品牌 kit(logo 方向、色板、字體、識別應用)。呢啲 skill 只出圖、唔出 code。常見流程是先用出圖 skill 生成參考、分析,再交畀 coding agent 落地實作,等於把「設計」同「開發」串成一條龍。呢種「先睇到、再落實」嘅做法,對唔識畫圖但想快速定方向嘅人特別實用。
邊啲人用得著
任何用 AI 砌網站、landing page、產品介面的人都用得著:創業者做 MVP、市場團隊出活動頁、開發者想快而唔想醜、freelancer 想以少人手交出有水準嘅設計。對非設計背景嘅人尤其有用,因為它把「好設計」嘅判斷力預先寫入規則,令你唔使識設計都出到有水準嘅介面。對已有設計師嘅團隊,它亦可以做「第一稿加速器」,先由 AI 出到七、八成,再由人手執靚。
限制與注意
幾點要留意:一,它提升嘅是「設計品味」,唔會自動幫你諗清產品邏輯同資訊架構,方向仍要你定;二,主 skill 現為實驗性嘅第二代,行為可能仲會調整,若你依賴舊版嘅確切表現,可以指定裝返第一代;三,出嚟嘅係起點而唔是終稿,重要專案仍應由人手審視同微調。把它當成一個「有品味嘅初稿引擎」,而唔係「一鍵完美」,就能用得最順。想知道點揀啱嗰個變體同實際落地步驟?歡迎前往 ai.ud.hk 了解更多 UD 的 AI 員工方案,看看如何令你的 AI 出品更專業。
懂AI,更懂你|UD相伴,AI不冷