前言¶
用 AI 寫前端頁面，代碼一般能跑，但成品經常是同一副樣子：同樣的漸變標題、同樣的三欄圖標卡、同樣的圓角陰影按鈕。問題不在某段代碼寫錯了，而在於動手之前沒人把「這個頁面該往哪個方向走」定下來。Design Taste Frontend 就是衝着這件事來的：讓 Agent 先讀需求、推斷設計方向，再動手產出不像模板的界面。
這是什麼¶
一句話定位：一個針對落地頁、作品集和改版項目的前端設計方向引導 Skill。
- 名稱：Design Taste Frontend (Leonxlnx/taste-skill)
- 座標：
@user_2bd73b3a/design-taste-frontend-leonxlnx-user-2bd73b3a - 版本：1.0.0
- 來源：community
- 分類：design-media
- 發佈者：user_2bd73b3a
- 標籤：
requires_api_key=false，即不需要 API Key
它基於通用 SKILL.md 格式，屬於社區發佈件，不是平臺官方出品。
資料裏確認的能力¶
SkillHub 頁面的簡介列了四條，這裏照抄其含義，不補充未覈實的功能：
- Anti-slop frontend skill：面向落地頁、作品集、改版項目的前端 Skill，目標是對抗模板化產出。
- 先讀 brief 再定方向：Agent 讀取需求描述，推斷出合適的設計方向，然後交付界面。
- 適用時採用真實設計系統：在合適的情況下按真實設計系統來組織，而不是憑空造一套樣式。
- 改版項目先審計：對改版項目先做審計，再動手改。
另外提到「strict pre-flight check」，即交付前有嚴格的自檢環節。具體檢查項在已抓取資料裏沒有展開，本文不推測。
安裝與啓用¶
已抓取資料裏沒有提供官方安裝命令、目錄約定或配置字段，本文不編造。能確認的只有座標和版本：
座標 @user_2bd73b3a/design-taste-frontend-leonxlnx-user-2bd73b3a
版本 1.0.0
需要 API Key：否
要啓用的話，建議到下面的 SkillHub 頁面確認下載與安裝方式，再決定接入哪個客戶端。它遵循通用 SKILL.md 格式，是否支持特定客戶端、以什麼方式加載，需要在實際使用前自行覈對。
典型用法¶
已抓取資料只給了能力描述，沒有給出可復現的官方示例，因此這一節只寫適用任務類型，不寫具體操作步驟：
- 新做落地頁：把 brief 交給 Skill，讓它先推斷設計方向，再產出界面。
- 作品集站點：同上，重點在於頁面之間保持統一的方向，而不是每個頁面各寫一套。
- 已有頁面改版：先按「audit-first」的要求審計現有實現，再動手改。
適用場景與注意¶
適合：對設計一致性有要求、又不想反覆改提示詞的前端產出場景，尤其是落地頁和作品集這類頁面數量少、但觀感要求高的場合。
需要注意：
- 它管的是設計方向和交付前自檢，不管構建配置、測試或部署。
- 「真實設計系統」只在適用時採用，小項目可能仍然需要輕量方案。
- pre-flight check 的細則未在資料中披露，需要實際跑一次才知道覆蓋了什麼。
- 平臺頁面顯示評分 100000、下載 956、安裝 0，安裝量爲 0 意味着還很少有實際部署案例可參考。
結尾¶
這個 Skill 的價值在於把「先定方向、再寫頁面」固化成流程，而不是指望多輪對話把風格聊出來。對落地頁和作品集這類強視覺場景，值得試一次；改版項目則更適合按它 audit-first 的路徑走。
官方地址：https://www.skillhub.cn/skills/user_2bd73b3a/design-taste-frontend-leonxlnx-user-2bd73b3a
