Communitygithub.com

jakubkrehel/讓介面質感更佳

設計工程原則,用於打造質感更佳的介面。適用於建構 UI 元件、審查前端程式碼、實作動畫、懸停狀態、陰影、邊框、字體排版、微互動、進場/離場動畫,或任何視覺細節工作。

讓介面質感更佳 是什麼?

這個技能旨在協助開發者與 AI 代理,運用設計工程原則來提升介面的整體質感與精緻度。它特別適用於建構 UI 元件、審查前端程式碼,以及實作如動畫、懸停效果、陰影、邊框、字體排版、微互動和進場/離場動畫等視覺細節。技能會在使用者提及「UI 潤飾」、「設計細節」、「讓它感覺更好」、「感覺不對」、「交錯動畫」、「圓角」、「光學對齊」、「字體平滑」、「等寬數字」、「圖片外框」或「盒子陰影」等關鍵字時觸發。本技能支援多種平台,其運作方式是基於 SKILL.md 文件中定義的設計工程原則,提供具體的指引與最佳實踐,協助 AI 生成或建議更具視覺吸引力的元件與動畫效果。

相容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/jakubkrehel/make-interfaces-feel-better/tree/main/skills/make-interfaces-feel-better

在你喜歡的 AI 中提問

開啟一個已預先載入此 Agent Skill 的新對話。

說明文件

讓介面質感更佳 是做什麼的?

設計工程原則,用於打造質感更佳的介面。適用於建構 UI 元件、審查前端程式碼、實作動畫、懸停狀態、陰影、邊框、字體排版、微互動、進場/離場動畫,或任何視覺細節工作。觸發條件為:UI 潤飾、設計細節、「讓它感覺更好」、「感覺不對」、交錯動畫、圓角、光學對齊、字體平滑、等寬數字、圖片外框、盒子陰影。

相關技能