271 مهارات
🎨

bolder

آمن 71

將沉悶設計轉化為大膽體驗

بواسطة pbakaus

停止將就通用、容易被遺忘的介面。這項技能幫助 Claude 創造視覺上引人注目的設計,在保持可用性和無障礙標準的同時吸引使用者。

Claude Codex Code(CC)
تثبيت
📦

audit

آمن 70

審計介面品質

بواسطة pbakaus

不良的介面品質會損害使用者體驗,並使身心障礙使用者被排除在外。此技能提供跨無障礙設計、效能、主題化和響應式設計的系統性審計,以在問題進入生產環境前予以識別。

Claude Codex Code(CC)
تثبيت
📐

arrange

آمن 70

以有意義的間距與節奏轉換版面配置

بواسطة pbakaus

消除單調的網格和隨意的間距。此技能提供系統化的方法,透過有意義的間距、多樣的節奏和結構化的版面配置來建立視覺層次,引導視線聚焦於重要內容。

Claude Codex Code(CC)
تثبيت

animate

آمن 69

新增有意義的動畫與微互動

بواسطة pbakaus

靜態介面會讓人感覺未完成,並錯失引導使用者的機會。此技能可協助您策略性地新增動畫,提供回饋、改善理解,並創造愉悅的體驗,而不會讓使用者感到負擔過重。

Claude Codex Code(CC)
تثبيت
📦

adapt

آمن 70

為任何螢幕或平台調整設計

بواسطة pbakaus

苦惱於讓您的設計在手機、平板電腦、桌面、列印或電子郵件上都能正常運作嗎?此技能提供專業指導,幫助您在不同的環境中調整設計,同時保持一致性和可用性。

Claude Codex Code(CC)
تثبيت
📦

liquid-glass

آمن 70

為 SwiftUI 應用程式添加 Liquid Glass 效果

بواسطة patrickserrano

建構現代 iOS 介面需要實作進階的視覺效果。本技能提供使用 iOS 26+ Liquid Glass API 在 SwiftUI 中建立模糊、反射和互動式玻璃表面的指南和程式碼範例。

Claude Codex Code(CC)
تثبيت
📱

app-store-screenshots

آمن 70

Generate App Store Screenshots with Claude

بواسطة ParthJadhav

建立專業的 App Store 螢幕截圖既繁瑣又耗時。此技能使用 Next.js 和 html-to-image 生成符合蘋果所需解析度的行銷優化 iOS 螢幕截圖。

Claude Codex Code(CC)
تثبيت
🎨

mulerouter

آمن 80

使用 MuleRouter 生成 AI 圖片和影片

بواسطة openmule

建立專業的 AI 生成媒體需要複雜的 API 整合和模型管理。MuleRouter 技能透過提供統一的介面來簡化這個過程,使用最先进的 AI 模型生成圖片和影片。

Claude Codex Code(CC)
تثبيت
📦

gif-sticker-maker

مخاطر متوسطة 72

將照片製作成動畫 GIF 貼紙

بواسطة MiniMax-AI

將任何照片轉換為一組四張具有獨特 Funko Pop 3D 公仔風格的動畫貼紙。此技能處理從影像生成到動畫製作再到最終 GIF 輸出的完整工作流程,只需一張來源照片和一個 MiniMax API 金鑰即可。

Claude Codex Code(CC)
تثبيت
🎨

design-style-skill

آمن 74

將視覺設計系統套用至 PPT 投影片

بواسطة MiniMax-AI

不一致的樣式會讓簡報投影片看起來不專業且分散注意力。此技能提供四種預設設計風格配方,包含精確的圓角與間距數值,讓每張投影片都遵循統一的視覺系統。

Claude Codex Code(CC)
تثبيت
📦

color-font-skill

آمن 74

為簡報新增色彩調色盤與字型配對

بواسطة MiniMax-AI

為簡報選擇色彩和字型通常耗時且容易導致設計不一致。此技能提供經過精選、符合品牌安全的色彩調色盤與字型配對,針對 PowerPoint 簡報進行最佳化。

Claude Codex Code(CC)
تثبيت
🖼️

nano-image-generator

آمن 76

使用 Gemini 3 Pro 搭配風格參考圖生成圖片

بواسطة lxfater

為專案建立視覺資產通常需要昂貴的設計工具或手動插圖。此技能可透過 Google Gemini 3 Pro Preview API 立即生成圖片,並支援參考圖片以在多個資產中保持一致的風格和角色外觀。

Claude Codex Code(CC)
تثبيت
🎨

stitch-design-taste

آمن 73

為 Google Stitch 生成優質 UI 設計系統

بواسطة leonxlnx

Claude 代理經常產生千篇一律、帶有 AI 風格的介面。此技能強制執行嚴格的設計標準,生成優質、反制式化的 UI 規格,避免常見的陷阱,如 Inter 字體、霓虹光暈和居中英雄區塊。

Claude Codex Code(CC)
تثبيت
📦

redesign-existing-projects

آمن 73

以頂級設計標準升級現有專案

بواسطة leonxlnx

AI 生成的網站往往採用相同的通用模式,使它們看起來大同小異。此技能會審查你的現有專案,並進行有針對性的設計升級,打造精緻、高端的外觀,無需重寫程式碼。

Claude Codex Code(CC)
تثبيت
🎨

minimalist-ui

آمن 73

創建優質極簡網頁介面

بواسطة leonxlnx

大多數 AI 生成的介面看起來平淡無奇且缺乏創意。這項技能引導 Claude 產生精緻、編輯風格的網頁設計,採用溫暖的單色調色板、字體層次結構和優質美學。

Claude Codex Code(CC)
تثبيت
🎨

industrial-brutalist-ui

آمن 73

設計工業野獸派網頁介面

بواسطة leonxlnx

建立大膽、機械化的網頁介面,採用瑞士字體設計和軍事終端機美學。產生數據密集的儀表板和編輯網站,具有原始功能和極端的字體對比。

Claude Codex Code(CC)
تثبيت
📦

high-end-visual-design

آمن 73

設計高端agency品質的介面

بواسطة leonxlnx

大多數AI工具產生的UI設計都缺乏精緻感,呈現通用模板般的效果。本技能提供精確的設計規範,涵蓋字體、間距、陰影、卡片結構和動畫,打造如同頂級設計agency出品的介面。

Claude Codex Code(CC)
تثبيت
📦

design-taste-frontend

آمن 73

使用設計護欄建構優質介面

بواسطة leonxlnx

AI 程式碼助理預設產生通用且可預測的介面。此技能強制執行嚴格的設計規則、元件架構和效能標準,以生成專業品質的前端程式碼。

Claude Codex Code(CC)
تثبيت
🎨

generate-image

آمن 71

使用 FLUX 和 Gemini 生成 AI 圖片

بواسطة K-Dense-AI

使用 AI 模型為簡報、文件和出版物建立高品質圖片。使用簡單的文字提示產生原創作品或編輯現有圖片。透過 OpenRouter API 存取 FLUX 和 Gemini 模型。

Claude Codex Code(CC)
تثبيت
🎨

baoyu-xhs-images

آمن 76

建立小紅書資訊圖表系列

بواسطة JimLiu

將內容轉換為引人入勝的小紅書風格資訊圖表系列。根據內容分析自動選擇視覺風格和版面配置。生成 1-10 張針對小紅書平台優化的卡通風格圖片。

Claude Codex Code(CC)
تثبيت