148 技能
📦

ai-video-generation

低風險 71

使用 40+ 模型生成 AI 影片

由 inference-sh-8

製作專業影片需要昂貴的軟體和剪輯技巧。這個工具提供透過簡單 CLI 命令即可存取 40+ AI 影片模型,讓您輕鬆創作內容。

Claude Codex Code(CC)
安裝
🎨

ai-image-generation

低風險 72

使用 50+ 模型生成 AI 圖片

由 inference-sh-8

無需學習多個平台即可建立專業 AI 圖片。透過統一的 CLI 介面存取 FLUX、Gemini、Grok、Seedream 和 Reve。

Claude Codex Code(CC)
安裝
📦

ui-ux-pro-max

安全 75

使用設計系統智慧生成專業 UI/UX 設計

由 ZhanlinCui

創建專業 UI/UX 設計需要深入的可訪問性、色彩理論、排版和特定技術棧模式知識。此技能提供 50+ 設計風格、配色方案、字體配對和實施指南的可搜索資料庫,幫助您更快地構建精美的介面。

Claude Codex Code(CC)
安裝
🎨

theme-factory

安全 73

為簡報和文件套用專業主題

由 ZhanlinCui

透過精選設計主題,將樸素的文件和簡報轉化為視覺精美的成品。從 10 個預建主題中選擇,或建立符合您品牌識別風格的自訂樣式。

Claude Codex Code(CC)
安裝
📦

frontend-design

安全 74

建立獨特的前端介面

由 ZhanlinCui

用戶苦於生成式 AI 框架式的前端程式碼,缺乏視覺特色。本技能提供設計思維指導和美學原則,幫助打造具有獨特、令人難忘視覺識別的正式上線等級介面。

Claude Codex Code(CC)
安裝
🎨

canvas-design

低風險 72

使用 Canvas 創作視覺藝術

由 ZhanlinCui

運用設計哲學原則,以 PNG 和 PDF 格式生成專業視覺藝術。創作具有專家工藝的原創藝術作品,避免版權問題。

Claude Codex Code(CC)
安裝
🎨

brand-guidelines

安全 74

套用 Anthropic 品牌色彩與字體

由 ZhanlinCui

在所有 AI 生成內容中保持一致的視覺識別。此技能會自動套用 Anthropic 的官方品牌色彩與字體。

Claude Codex Code(CC)
安裝
🎨

algorithmic-art

安全 66

使用 p5.js 生成算法藝術

由 ZhanlinCui

使用 p5.js 建立獨特的生成藝術,採用種子隨機性以產生可重複的結果。建立互動式藝術,讓使用者可以透過參數控制和種子導航進行探索。

Claude Codex Code(CC)
安裝
🎨

frontend-design

安全 73

用大膽的選擇設計富有創意的前端介面

由 YYH211

一般的人工智慧生成前端代碼通常看起來平淡無奇。本技能指導創建獨特的、生產品質的網頁介面,具有大膽的設計選擇和對視覺細節的細緻關注。

Claude Codex Code(CC)
安裝
🎨

ux-evaluator

安全 69

根據 UX 最佳實踐評估 UI 元件

由 92Bilal26

UI 評審往往淪為主觀意見之爭。這個技能提供了一個系統化的三維框架,將設計反饋建立在來自業界權威機構的循證原則之上。

Claude Codex Code(CC)
安裝
🎨

image-generator

安全 68

使用 Gemini 生成教育圖表

由 92Bilal26

為課程製作專業圖表需要數小時的設計工作。此技能提供結構化流程,透過瀏覽器自動化與 6 道品質關卡來使用 Gemini 3 生成教學視覺素材。

Claude Codex Code(CC)
安裝
🎨

frontend-design

安全 70

建立獨特的前端介面

由 92Bilal26

建立網頁介面往往產生普通、可預測的設計。此技能指導 AI 助手建立大膽、生產級的前端程式碼,具有獨特的美學、創意排版和精緻的動畫,從標準模式中脫穎而出。

Claude Codex Code(CC)
安裝
🎨

theme-factory

安全 68

為簡報和文件套用專業主題

由 7Spade

建立一致、專業的視覺設計需要時間和設計專業知識。此技能提供10種精心挑選的配色和字型主題,可立即套用於投影片、文件、報告和網頁。還可以根據您的需求生成自訂主題。

Claude Codex Code(CC)
安裝
🎨

frontend-design

安全 69

設計獨特的生產級前端介面

由 7Spade

一般的 AI 生成前端程式碼通常看起來千篇一律,缺乏創意特色。這個技能指導創建獨特、令人難忘的介面,包含大膽的美學選擇、正確的字體排版、協調的色彩主題和精緻的視覺細節。

Claude Codex Code(CC)
安裝
🎨

canvas-design

安全 68

創建視覺藝術與設計傑作

由 7Spade

使用者難以創作需要深厚設計知識和排版專業知識的原創博物館級視覺設計。此技能使用精心挑選的字體和設計哲學原則來生成複雜的視覺藝術,產生原創的 PNG 和 PDF 輸出。

Claude Codex Code(CC)
安裝
🎨

brand-guidelines

安全 69

套用 Anthropic 品牌樣式

由 7Spade

您需要為文件和簡報提供一致的品牌樣式。此技能提供 Anthropic 的官方品牌色彩和排版指南,以套用專業的視覺識別。

Claude Codex Code(CC)
安裝
📸

snapdom

安全 69

將 HTML 元素轉換為圖片

由 2025Emma

需要將帶有樣式的 DOM 元素擷取為圖片嗎?SnapDOM 提供快速、準確的 DOM 轉圖片轉換功能,支援 SVG、PNG、JPG 和 WebP 格式,同時保留字體、偽元素和 CSS 效果。

Claude Codex Code(CC)
安裝
🎨

frontend-design

安全 69

建立獨特的前端介面

由 1bertogit

此技能幫助您建立具有大膽、令人難忘的美學效果的生產級網頁介面。它指導創意選擇,包括排版、色彩、動畫和空間構圖,以避免產生通用的 AI 生成設計。

Claude Codex Code(CC)
安裝
🎨

create-svg-from-prompt

低風險 66

根據提示生成 SVG 圖形

由 0x6a77

手動建立 SVG 向量圖形需要設計軟體和技術技能。此技能使用 AI 透過 Google Gemini 和 autotrace 將文字描述轉換為可擴展的向量圖形。

Claude Codex Code(CC)
安裝
🎨

tailwind-design-system

安全 69

建立 Tailwind 設計系統

由 wshobson

設計系統若沒有清晰的 tokens 和模式往往會偏離標準。此技能提供 Tailwind 結構,以標準化您的程式碼庫中的元件、主題和響應式佈局。

Claude Codex Code(CC)
安裝