字体排印

theme-factory 是用於投影片、文件、報告與 landing pages 的精選主題化技能。可先查看 showcase，從 10 款預設主題中挑選，再把一致的色彩與字體搭配套用到你的成品。

canvas-design 以兩步驟流程協助產出原創靜態視覺：先用 Markdown 寫設計哲學，再渲染成 .png 或 .pdf。特別適合海報、封面視覺、概念圖，以及文字較少、偏 UI 延伸的活動宣傳圖。

ui-ux-pro-max 是一款專為 AI 輔助 UI/UX 設計打造的全方位技能，提供網頁與行動專案的版型、風格、色彩系統、字體排版及 UX 規範等結構化指引。適合需要實用設計決策的開發者與團隊，支援 React、Next.js、Vue、Svelte、Tailwind、shadcn/ui、SwiftUI、React Native、Flutter 及 HTML/CSS。可用於 UI 規劃、審查與優化，結合精選設計智慧。

ckm:ui-styling 結合 shadcn/ui、Tailwind CSS 與 canvas 視覺設計，協助你打造無障礙、可量產的使用者介面。特別適合需要結構化響應式版型、無障礙元件、深色模式與一致設計系統的 React 專案。用 ckm:ui-styling 技能進行 UI 設計、主題設定與快速原型開發，並獲得針對技術棧的實用指引。

ckm:design 是一套結構化設計技能，適合分流與製作 logo、CIP mockup、橫幅、簡報與 SVG 圖示。它提供實用參考、CSV 驅動選項與 Python 腳本，讓設計流程可重複執行，不只依賴泛用提示詞輸出。

ckm:brand 是一套品牌工作流程技能，用於建立、更新與審查品牌指南、訊息架構、語氣風格、視覺識別，以及透過實用腳本與檢查清單同步 design tokens。

ckm:banner-design 可協助製作橫幅、封面、頁首、展示廣告與網站 hero 圖，提供結構化 brief、依尺寸調整的流程與多種視覺方向。適合 UI 設計、行銷素材與各平台橫幅概念發想，搭配 SKILL.md 與 banner 尺寸/風格參考使用。

typeset 會透過檢視字體選擇、層級、尺寸、字重與可讀性來改善 UI 排版。最適合在 /frontend-design 之後使用；若缺少脈絡，建議搭配 /teach-impeccable，將原本普通、缺乏設計意圖的文字內容整理成更清楚且更有一致性的字體系統。

normalize 技能會稽核 UI 功能，並重新對齊到你的 design system。了解 normalize 的安裝適用情境、必要的 /frontend-design 前置準備，以及在 pages、routes 與 components 中的實際使用方式。

frontend-design 是一項以設計優先為核心的技能，適合用來打造更精緻的前端 UI，並強化情境脈絡、資訊層級、無障礙體驗與響應式表現。你可以用這份指南完成技能安裝、掌握核心參考資料，並依循實務建議，改善元件、頁面與應用畫面的設計品質。

bolder 是一個用於 UI 設計的 skill，適合在介面看起來過於平淡、保守時使用，透過更鮮明的層級、對比與個性提升整體表現，同時維持可用性。最適合在 /frontend-design 之後使用；若缺少脈絡，也可搭配 /teach-impeccable，並針對明確目標套用，例如某個頁面、區塊或元件。