390 技能
🎨

animation-shader

安全 70

為 Unity 遊戲建立動畫風格著色器

由 Yuki001

為 Unity 建立風格化的卡通著色器需要了解複雜的著色器參數和功能映射。本技能提供六種流行著色器庫的預設樣式和詳細參考資料,幫助您實現動漫、素卡通和藝術渲染效果。

Claude Codex Code(CC)
安裝
🎨

obsidian-theme-designer

低風險 72

視覺化設計你的 Obsidian 主題

由 XiangyuSu611

設計 Obsidian 主題通常需要 CSS 知識並反覆嘗試。這項技能提供了一個視覺化、引導式的工作流程,透過瀏覽器預覽,讓任何使用者都能建立具有合適色彩、字型和佈局的自訂主題。

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

安全 68

建立獨特的前端介面

由 92Bilal26

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

Claude Codex Code(CC)
安裝
🎨

theme-factory

安全 67

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

由 7Spade

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

Claude Codex Code(CC)
安裝
🎨

frontend-design

安全 68

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

由 7Spade

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

Claude Codex Code(CC)
安裝
🎨

canvas-design

安全 68

創建視覺藝術與設計傑作

由 7Spade

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

Claude Codex Code(CC)
安裝
🎨

brand-guidelines

安全 67

套用 Anthropic 品牌樣式

由 7Spade

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

Claude Codex Code(CC)
安裝
📸

snapdom

安全 70

將 HTML 元素轉換為圖片

由 2025Emma

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

Claude Codex Code(CC)
安裝
🎨

frontend-design

安全 67

建立獨特的前端介面

由 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)
安裝
🎬

video-enhancement

中風險 61

使用 AI 增強與提升影片解析度

由 verging-ai

將低解析度或雜訊過多的影片轉換為清晰的 HD/4K 輸出。此技能可自動化從本地檔案或影片 URL 進行完整增強流程,無需手動編輯即可交付成果。

Claude Codex Code(CC)
安裝
🎨

AI Image Generation — verging.ai

低風險 69

使用 DALL-E 和 GPT-Image-1 生成 AI 圖片

由 verging-ai

使用 AI 創建圖片需要管理 API 金鑰、請求參數和回應處理。此技能提供一個即用介面,透過 verging.ai 代理 API 生成圖片,支援標準和 HD 品質模式。

Claude Codex Code(CC)
安裝
🎭

faceswap

中風險 61

使用 AI 替換影片中的臉孔

由 verging-ai

手動替換影片中的臉孔既緩慢又需要專業軟體。此技能透過 verging.ai API 自動化整個工作流程,接受本地檔案或 YouTube/Bilibili 網址作為輸入,並直接交付結果。

Claude Codex Code(CC)
安裝
🖼️

background-remover

安全 70

使用 AI 移除圖片背景

由 verging-ai

自動移除任何圖片的背景,創建專業的透明 PNG。非常適合產品照片、大頭照和設計工作,無需手動編輯。

Claude Codex Code(CC)
安裝
🖼️

background-removal

低風險 71

使用 AI 立即移除圖片背景

由 verging-ai

手動移除圖片背景既耗時又需要昂貴的軟體。這個技能透過 verging.ai API 自動化整個流程,可從任何 JPG、PNG 或 WebP 檔案產生透明 PNG 結果。

Claude Codex Code(CC)
安裝
🎨

web-design-guidelines

安全 68

檢視 UI 程式碼是否符合設計規範

由 vercel-labs

Claude 可以自動根據既定的網頁設計規範檢視 UI 程式碼,在部署前發現無障礙功能問題、使用性問題和最佳實踐違規。此技能會擷取最新的規範並進行靜態分析,以識別可改進之處。

Claude Codex Code(CC)
安裝
📦

ai-elements

安全 78

建立 AI 聊天介面

由 vercel

使用預建、可組合的 UI 元素建立現代 AI 聊天介面元件,這些元素遵循 shadcn/ui 模式和 Vercel AI SDK 慣例。

Claude Codex Code(CC)
安裝