`jakubkrehel/skills`

AI翻譯

一套 agent skill，協助建立介面。

★ 1 萬14 個 skill授權 MIT最近更新 2026-11-02

到 GitHub 看專案

/better-ui潤飾表面、圖示與動態，提供圓角、視覺對齊、陰影、圖示狀態與動畫的精確數值。視覺與設計4.3 萬 /better-typography設定並審查文字呈現：從字級、間距到字型功能、換行、截斷與標點。視覺與設計3.7 萬 /better-colors建立並檢查色彩系統：產生色盤、命名語意 token、轉換格式、量測對比。視覺與設計3.6 萬 /better-layout設定分組、對齊、閱讀順序、響應式結構，並為翻譯後的文字預留空間，讓版面在縮放、翻譯或鏡像時仍然穩固。視覺與設計3.4 萬 /better-interface審查畫面、流程或整個介面的無障礙、版面、文字、字體、色彩與 UI 細節，並回傳一份排序過的報告。視覺與設計3.3 萬 /better-accessibility對照 WCAG 2.2，審查並修正鍵盤與焦點行為、ARIA、無障礙名稱、表單、螢幕閱讀器提示、動態與縮放。視覺與設計3.3 萬 /better-writing撰寫並審查介面文案，從標籤、錯誤訊息到空狀態與確認訊息，使其符合產品語氣，並告訴使用者下一步怎麼做。寫東西給人看3.2 萬 /interface-review審查 branch、pull request 或未提交的變更，找出它帶來或造成退步的介面問題，涵蓋無障礙、版面、文字、字體、色彩與 UI。檢查與出貨2.1 萬 /variant為你正在做的元件建立多個變體，協助你迭代並選出一個。視覺與設計1.7 萬 /explain-interface從即時網址或截圖，說明網站、視覺效果或動畫是怎麼做出來的。視覺與設計1.6 萬 /break在暫時頁面上，用所有可能出現的情境渲染你選定的元件，並做壓力測試。視覺與設計1.6 萬 /state-machine在用完即丟的頁面上，用 mock 資料與切換器渲染你選定元件的每個狀態，方便逐一處理各狀態。視覺與設計5800 /build-design依 Figma 檔或設計圖建置 UI 使其符合設計，並使用專案既有的 token 與元件。視覺與設計5600 /teardown建立實體物件與運作原理的技術插圖，例如顯示器像素或介面分層，具一致視角、細線條與零件填色。視覺與設計2400