148 技能
🔧

grasshopper-workflow

安全 78

透過 MCP 自動化 Grasshopper

由 AmemiyaLai

手動建立 Grasshopper 定義既耗時又重複。此技能使 AI 助手能夠透過 MCP 協定以程式化方式建立元件、建立連線,並執行完整的參數化建模工作流程,自動將設計規格轉換為可運作的 Grasshopper 定義。

Claude Codex Code(CC)
安裝
🎨

ux-researcher-designer

安全 73

從研究數據生成用戶画像

由 alirezarezvani

將原始用戶訪談數據轉化為可操作的用户画像。創建基於數據的用戶檔案,包含目標、挫折、行為和設計影響,幾分鐘即可完成,無需數小時。

Claude Codex Code(CC)
安裝
🎨

ui-design-system

安全 73

從品牌顏色生成設計系統令牌

由 alirezarezvani

手動創建一致的設計令牌既耗時又容易出錯。此工具可以從單一品牌顏色輸入生成完整的設計系統,包括調色板、排版間距網格和元件樣式。

Claude Codex Code(CC)
安裝
🎨

algorithmic-art

安全 70

使用程式碼創作獨特演算法藝術

由 anthropics

將創意想法轉化為美麗的生成式藝術。此技能可建立原創的演算法藝術作品,採用種子隨機性以獲得可重現的結果,並提供互動式參數控制以進行無盡的探索。

Claude Codex Code(CC)
安裝
🎨

frontend-design

安全 71

運用大膽美學設計獨特的前端介面

由 AJV009

通用 AI 輸出產生平淡、缺乏個性的衍生網頁設計。此技能引導 Claude 堅定地採用大膽的美學方向,並透過有意義的創意選擇,提供生產級的、令人印象深刻的前端程式碼。

Claude Codex Code(CC)
安裝
🎨

frontend-design

安全 70

設計達到正式環境等級的前端介面

由 AgentWorkforce

打造有別於通用 AI 生成美學的獨特網頁介面。創作令人難忘、視覺張力十足的元件,並細緻講究字體排版、動效與空間構成。

Claude Codex Code(CC)
安裝
📦

uiux-ops

安全 69

透過設計準則改善使用者介面/使用者體驗

由 A-Genno

使用者介面/使用者體驗設計專案通常缺乏一致的標準和清晰的流程,導致使用者體驗碎片化和無障礙功能缺口。此技能提供全面的操作程序和檢查清單,以簡化設計工作流程、確保一致性,並在所有專案中維持無障礙合規性。

Claude Codex Code(CC)
安裝
🎨

frontend-design

安全 71

設計獨特的前端介面

由 AdamAugustinsky

建立生產級網頁介面往往會產生平淡無奇、令人印象模糊的設計。此技能有助於建立令人難忘、創意十足的前端設計,展現大膽的美學風格、深思熟慮的排版和精緻的細節,脫穎而出於一般模式。

Claude Codex Code(CC)
安裝
🎨

design-component

安全 68

設計文化敏感的 UI 元件

由 Acurioustractor

建立具有適當資料對應、文化指標和 AI 豐富化的無障礙說書人和故事卡片。此技能為原住民說故事平台提供設計系統模式和元件指南。

Claude Codex Code(CC)
安裝
🎨

ui-design-system

安全 69

應用一致的 UI 設計模式

由 AbdulSamad94

團隊需要明確的設計規範來建立統一的介面。此技能提供了一套完整的設計系統,包括現代深色主題應用程式的字型、色彩、元件和動畫。

Claude Codex Code(CC)
安裝
🎨

ui-handler

安全 69

實作 UI 元件和登陸頁面

由 AayushBaniya2006

手動建置 UI 元件需要大量時間。此技能利用 Shadcn MCP 和 21st.dev MCP 快速生成按鈕、對話框和複雜的登陸頁面區塊。

Claude Codex Code(CC)
安裝
🎨

theme-handler

安全 68

使用 shadcn 和 tweakcn 安裝 UI 主題

由 AayushBaniya2006

手動管理應用程式主題需要找到主題 URL 並執行 CLI 命令。此技能提供預先配置的主題和安裝命令的精選清單,使主題安裝快速且無錯誤。

Claude Codex Code(CC)
安裝
🎨

logo-generator

低風險 72

使用 AI 產生專業標誌

由 AayushBaniya2006

建立標誌需要設計技能和昂貴的軟體。此技能使用 AI 根據文字提示產生自訂標誌,並自動移除背景,產生透明、專業的結果。

Claude Codex Code(CC)
安裝
🧩

page-builder

安全 69

使用 Tailark UI 元件打造登陸頁

由 AayushBaniya2006

從零開始建立行銷頁面太耗時。此技能提供依頁面類型整理的 Tailark 預建元件精選建議,協助你在幾分鐘內組裝專業的登陸頁。

Claude Codex Code(CC)
安裝
🎨

generate-assets

低風險 72

為網頁元件生成 AI 圖像

由 AayushBaniya2006

為網站創建視覺資產需要時間和設計技能。此技能使用 FLUX 1.1 Pro AI 生成主視覺區塊、特色圖像和 UI 圖形,並自動增強效果。圖像會優化為 WebP 格式並直接儲存到您的專案中。

Claude Codex Code(CC)
安裝
🎨

asset-creator

低風險 73

使用 AI 驅動的 DALL-E 整合生成自訂圖片

由 AayushBaniya2006

不再搜尋庫存照片。使用 AI 圖片生成即時創建獨特、符合品牌的視覺效果。此技能整合了 DALL-E 3,可根據您的確切規格製作高品質資產。

Claude Codex Code(CC)
安裝
🎨

ux-evaluator

安全 72

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

由 92Bilal26

UI 審查經常淪為主觀意見之爭。此技能提供一個系統化的三維框架,根據業界權威的循證原則來進行設計反饋。

Claude Codex Code(CC)
安裝
🎨

image-generator

安全 71

使用 Gemini 生成教育圖表

由 92Bilal26

為課程創建專業圖表需要花費數小時的設計工作。此技能提供結構化工作流程,使用 Gemini 3 透過瀏覽器自動化和六道品質控制來生成教學視覺素材。

Claude Codex Code(CC)
安裝
🎨

frontend-design

安全 71

創建獨特的前端介面

由 92Bilal26

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

Claude Codex Code(CC)
安裝
🎨

theme-factory

安全 69

為簡報套用專業主題

由 7Spade

建立一致、專業的視覺設計需要時間和設計專業知識。此技能提供 10 種精心策劃的色彩和字體主題,可立即套用到簡報、文件、報告和網頁。也可以根據您的需求產生自訂主題。

Claude Codex Code(CC)
安裝