NEW SKILL
— Leon Lin (@LexnLin) March 15, 2026
Released "Soft-Skill" / high-end-visual-design today!
It creates design focused on more high end clean looking websites.
The outcome will be responsive and without vibecoded-looking elements.
Go test it!https://t.co/ByHmn0BZb7 pic.twitter.com/MwuFBr6fkh
AI 中文摘要Claude 生成
一個名叫「Taste Skill」的開源專案發佈了「Soft-Skill」,這是一套針對人工智慧前端程式開發的設計技能集合。這個專案的核心目標很直接:改變人工智慧生成的介面設計從通用、乏味的樣板化風格,轉向現代、高端的設計美感。
Soft-Skill 這項新發佈的功能特別聚焦在製造「昂貴感」。具體做法包括使用高級字體、大量的留白空間、具有深度感的分層卡片設計、平滑的彈簧物理動畫效果,以及懸浮導航列。最關鍵的是,它明確禁止人工智慧使用那些會讓輸出看起來像範本的通用預設值。這反映了開發者對於當前人工智慧生成設計的一個根本問題的認識:AI 傾向於產生視覺上平庸、缺乏設計品味的成品。
整個專案包含四項核心技能。首先是主要的 taste-skill,教導人工智慧如何從零開始編寫美觀的前端程式,涵蓋佈局、排版、色彩、間距、動畫和整體視覺品質。其次是 redesign-skill,用於升級既有專案,讓人工智慧執行設計審查並優先解決最嚴重的設計問題,而不是從零重建。第三是剛發佈的 soft-skill。第四個是 output-skill,它的作用是防止人工智慧偷懶,杜絕佔位符註解、跳過的程式區塊和未完成的輸出。
使用方式非常簡潔:將需要的技能資料夾中的 SKILL.md 檔案複製到專案中,然後告訴人工智慧讀取並遵循它。在 Cursor 等編輯器中,使用者可以直接引用該檔案,例如 @SKILL.md。
taste-skill 還提供三個可調整的參數,讓使用者根據具體專案需求微調設計。DESIGN_VARIANCE 控制佈局的實驗程度,從清潔、居中的標準網格(1-3)到非對稱、大量留白的現代設計(8-10)。MOTION_INTENSITY 控制動畫量,從幾乎沒有的簡單懸停效果(1-3)到磁吸效果、彈簧物理和滾動觸發動畫(8-10)。VISUAL_DENSITY 控制單一螢幕上的內容容量,從奢華感的稀疏單元素設計(1-3)到數據密集的儀表板(8-10)。
這個專案的推出體現了一個實際的設計問題:當前人工智慧生成的前端程式碼往往缺乏設計品味和視覺吸引力。透過編入設計原則和限制規則,開發者試圖提升人工智慧產生的設計品質,使其看起來更專業、更高端,而不是通用的模板風格。專案作者邀請社群貢獻反饋、提交問題報告或 Pull Request,顯示這是一個持續發展的工具。
