已發佈技能 7
ckm:slides
使用資料視覺化建立策略性 HTML 簡報
從頭製作具有說服力的投影片組需要花費數小時的設計與文案工作。此技能提供經驗證的範本、Chart.js 整合與文案撰寫公式,協助您快速建立專業簡報。
ckm:banner-design
為每個平台設計橫幅
建立平台專屬橫幅需要精確的尺寸、安全區域與美術指導選擇。此技能提供引導式工作流程,能根據社群、網頁與印刷的正確規格,產生多種橫幅設計選項。
ckm:brand
建立並維護一致的品牌識別
當品牌指南散落在不同文件中時,要在內容、素材和設計系統之間維持品牌一致性非常困難。本技能提供結構化框架、自動化驗證腳本以及設計代碼同步機制,協助您保持品牌語調與視覺風格的一致性。
ui-ux-pro-max
建立專業 UI/UX 設計
建立使用者介面需要找到正確的風格、色彩和版面配置模式。此技能提供全面的資料庫,包含 50 種設計風格、21 組色彩組合、50 種字體配對,以及特定框架的指南,用於建立專業介面。
ckm:ui-styling
UI 樣式工具集 - shadcn/ui、Tailwind CSS 與 Canvas 設計
透過結合 shadcn/ui 的可存取元件庫、Tailwind CSS 的 utility-first 樣式設計與基於 canvas 的視覺設計系統,消除 UI 開發過程中的摩擦。這項技能提供 40 個以上 shadcn/ui 元件的完整參考文件、主題設定與深色模式模式、無障礙設計指南、響應式設計工具,以及用於元件安裝和 Tailwind 設定檔產生的 Python 自動化腳本。
ckm:design
使用 AI 設計標誌、品牌識別與社群媒體視覺素材
專業設計通常需要聘請設計師或學習複雜的軟體。此技能可透過 AI 直接根據您的描述,生成標誌、品牌識別文件、社群媒體圖片、橫幅、圖示及簡報。
ckm:design-system
產生設計權杖、驗證使用方式,並建立品牌投影片
設計系統常因權杖在基礎層、語意層和元件層之間未一致套用而崩壞。此技能可從 JSON 權杖定義產生 CSS 變數、驗證程式碼中的權杖使用情況,並透過 Chart.js 整合建立符合品牌規範的投影片簡報。