Motion

manim-video 協助你規劃並製作乾淨俐落的、以 Manim 為基礎的說明影片，適合圖表、工作流程、系統架構圖、產品導覽與發布視覺內容。當你想要的是精準的動畫解說、以場景為核心的工作流程，而不是人物對鏡頭講述的剪輯方式時，就適合使用 manim-video 技能。它包含實用的 manim-video 指南步驟，涵蓋安裝、場景規劃與渲染。

liquid-glass-design 可協助你在 SwiftUI、UIKit 與 WidgetKit 中實作 Apple 的 iOS 26 Liquid Glass 系統。適合用來製作玻璃質感按鈕、卡片、工具列、容器與小工具，並提供形狀、色調、互動性，以及何種情境適合實際 UI 使用的指引。

frontend-slides 可協助你從零開始製作充滿動畫效果的 HTML 簡報，或將 PowerPoint 檔轉換成 HTML 簡報。當你需要做簡報、提案 deck、工作坊、內部 demo，或是想用 frontend-slides 進行 UI Design 的視覺探索時，都很適合使用這個 skill；它能輸出零依賴的瀏覽器簡報，並讓投影片精準符合單一視窗尺寸。

使用 frontend-design 來打造具有鮮明風格、可直接上線的前端介面，並維持清楚的視覺主張。這個 frontend-design 技能特別適合 landing pages、dashboards、app shells 與各類元件；在這些場景中，層級、字體、動效與完成度的重要性，和實作本身同樣高。內容也提供以設計優先的 UI 工作流程安裝與使用指引。

使用 design-system skill 來產生或審查 UI 系統、從既有程式碼中擷取 tokens，並在真實 repo 中檢查樣式一致性。

design-consultation 是一個 design-consultation 技能，用來把粗略的產品想法轉化為完整的設計方向。它會建立 `DESIGN.md` 作為單一事實來源，並產生預覽與系統層級的指引，涵蓋字體、色彩、間距、版面與動效。特別適合新產品與需要一致起點的 UI 介面。

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

interaction-design skill 可協助團隊設計並實作有明確目的的 UI 動態、微互動、轉場、載入狀態與回饋模式，並提供以 React 為導向的實用參考與使用指引。

react-native-design 是一項專注於 React Native UI 模式的技能，涵蓋 StyleSheet 樣式設計、型別化 React Navigation，以及 Reanimated 3 在跨平台畫面中的使用方式。

overdrive 是一個 GitHub 技能，適合有雄心的 UI 設計工作，重視情境理解、先提案再規劃，以及極高水準的互動品質。可用來安裝並套用 overdrive，打造電影感轉場、響應式介面與高衝擊力的產品體驗。

quieter 是一個用於精煉 UI 設計的技能，能在視覺過度強烈、容易讓人感到疲勞的介面中降低視覺壓迫感，同時保留清晰度、層級與品牌意圖。它最適合在父層 `$impeccable` 技能之後使用，並能協助團隊在做出有針對性的調整前，先診斷出造成強度過高的來源。

polish 是一個用於 UI 的最終檢視 skill，適合在正式交付前找出對齊、間距、一致性、token 使用與各種微小細節問題。它最適合已經能正常運作、但整體質感還差臨門一腳的畫面、流程或元件。可用來提升上線準備度、強化與 design system 的一致性，並在不做多餘重設計的前提下整體拉高品質。

impeccable 可協助你打造有辨識度、可直接投入產品的前端 UI，而不是一眼就看出是 AI 生成的制式介面。它支援 craft、teach 與 extract 工作流程，可用於頁面、web components、app 介面、海報與其他設計比重高的前端場景，因此特別適合 UI Design、設計情境建立，以及可重用設計模式的萃取。

使用 delight skill 為成功、載入、空白與 onboarding 狀態加入有品味的 UI 潤飾、微互動與品牌個性，同時不影響可用性或使用者注意力。

impeccable 是一個用於 UI 設計與前端開發的 skill，適合打造有辨識度、可投入正式環境的介面。你可以透過 craft、teach 或 extract 工作流塑造設計方向、載入更聚焦的參考資料，並實作更精緻的元件、頁面與 design system 模式；同時也提供更完整的安裝與使用判斷指引。

bolder 可協助把安全但平淡的 UI 設計做得更有辨識度，同時不犧牲可用性。本文說明何時適合使用 bolder skill、必須先完成的 $frontend-design 前置步驟，以及如何撰寫更有力的 prompts、進行問題診斷，並在可控範圍內提升視覺張力。

frontend-design 是一個以情境脈絡為優先的技能，專門用來打造更有辨識度的前端 UI 程式碼。你可以用它把目標受眾、使用情境與品牌語氣，轉化為更成熟的版面配置、字體排印、色彩、動態效果、互動狀態與 UX 文案，適用於頁面、元件與整體流程設計。

polish skill 可協助團隊在正式上線前，針對 UI 做最後一輪品質檢查。適合在介面功能已完成、設計脈絡也已明確後使用，用來找出間距、對齊、互動狀態、文案，以及各種邊界情境的細節問題。

overdrive 是一個可由使用者主動呼叫的技能，適合用於企圖心強烈的 UI 設計，將介面體驗推進到標準元件之外。它需要先建立 `/frontend-design` 的上下文，接著會要求你先提出概念方向，再著手打造聚焦且高衝擊力的互動。

delight skill 可為 UI Design 加入恰到好處的愉悅感、角色感與細節層次。適合用來優化成功狀態、空狀態、載入時刻與各種互動體驗，並提供依情境調整的 delight 安裝、設定與使用指引。

bolder 是一個用於 UI 設計的技能，能為平淡、過於保守的介面提升對比、層級與個性。在已先用 /frontend-design 蒐集脈絡後使用效果最佳；若目前沒有設計脈絡，也可先搭配 /teach-impeccable。它適合用來產出更銳利、可執行的設計改進方向，同時不犧牲可用性。

使用 animate skill 檢視 UI 功能，並規劃有目的的動畫、微互動與轉場效果。它能協助你找出哪些動態能提升回饋感、清晰度、層級與愉悅感，同時需要先具備來自 /frontend-design 的設計脈絡，並兼顧效能與無障礙。

quieter skill 可降低 UI Design 的視覺刺激強度，協助弱化過於張揚、刺眼或令人感官負擔過重的介面，同時保留層級、清晰度與品牌個性。最適合在 pbakaus/impeccable repository 中完成必要的 /frontend-design workflow 後使用。

polish 技能用於產品上線前的最後一輪 UI 檢視，協助修正間距、對齊、文案、狀態與轉場等細節。最適合在功能已完成、具備設計脈絡、有明確品質標準，且已鎖定特定畫面、流程或元件時使用。