nextlevelbuilder

nextlevelbuilder

活躍
7
技能
3
類別
ClaudeCodexCode(CC)

已發佈技能 7

📊

ckm:slides

使用資料視覺化建立策略性 HTML 簡報

低風險 70

從頭製作具有說服力的投影片組需要花費數小時的設計與文案工作。此技能提供經驗證的範本、Chart.js 整合與文案撰寫公式,協助您快速建立專業簡報。

Claude Codex Code(CC)
安裝
🎨

ckm:banner-design

為每個平台設計橫幅

低風險 70

建立平台專屬橫幅需要精確的尺寸、安全區域與美術指導選擇。此技能提供引導式工作流程,能根據社群、網頁與印刷的正確規格,產生多種橫幅設計選項。

Claude Codex Code(CC)
安裝
🎨

ckm:brand

建立並維護一致的品牌識別

低風險 75

當品牌指南散落在不同文件中時,要在內容、素材和設計系統之間維持品牌一致性非常困難。本技能提供結構化框架、自動化驗證腳本以及設計代碼同步機制,協助您保持品牌語調與視覺風格的一致性。

Claude Codex Code(CC)
安裝
🎨

ui-ux-pro-max

建立專業 UI/UX 設計

安全 72

建立使用者介面需要找到正確的風格、色彩和版面配置模式。此技能提供全面的資料庫,包含 50 種設計風格、21 組色彩組合、50 種字體配對,以及特定框架的指南,用於建立專業介面。

Claude Codex Code(CC)
安裝
🎨

ckm:ui-styling

UI 樣式工具集 - shadcn/ui、Tailwind CSS 與 Canvas 設計

低風險 75

透過結合 shadcn/ui 的可存取元件庫、Tailwind CSS 的 utility-first 樣式設計與基於 canvas 的視覺設計系統,消除 UI 開發過程中的摩擦。這項技能提供 40 個以上 shadcn/ui 元件的完整參考文件、主題設定與深色模式模式、無障礙設計指南、響應式設計工具,以及用於元件安裝和 Tailwind 設定檔產生的 Python 自動化腳本。

Claude Codex Code(CC)
安裝
📦

ckm:design

使用 AI 設計標誌、品牌識別與社群媒體視覺素材

中風險 68

專業設計通常需要聘請設計師或學習複雜的軟體。此技能可透過 AI 直接根據您的描述,生成標誌、品牌識別文件、社群媒體圖片、橫幅、圖示及簡報。

Claude Codex Code(CC)
安裝
📦

ckm:design-system

產生設計權杖、驗證使用方式,並建立品牌投影片

低風險 72

設計系統常因權杖在基礎層、語意層和元件層之間未一致套用而崩壞。此技能可從 JSON 權杖定義產生 CSS 變數、驗證程式碼中的權杖使用情況,並透過 Chart.js 整合建立符合品牌規範的投影片簡報。

Claude Codex Code(CC)
安裝