271 技能
🎨

canva-automation

安全 71

自動化 Canva 設計任務

由 sickn33

使用者手動自動化重複的 Canva 任務時遇到困難。此技能可讓 AI 代理程式透過 Composio 的 Rube MCP 整合來建立、匯出及管理 Canva 設計。

Claude Codex Code(CC)
安裝
🎨

brand-guidelines-community

安全 71

將 Anthropic 品牌指南應用於您的工件

由 sickn33

使用 Anthropic 官方品牌識別確保您的文件和簡報在視覺上的一致性。此技能提供精確的顏色值、字體排印規格和設計指導,協助您打造專業外觀的工件。

Claude Codex Code(CC)
安裝
📦

brand-guidelines-anthropic

安全 71

將 Anthropic 品牌樣式套用至成品

由 sickn33

在所有您的文件和簡報中保持一致的品牌識別。此技能會自動套用 Anthropic 的官方色彩和字型。

Claude Codex Code(CC)
安裝
🎨

brand-guidelines

安全 71

將 Anthropic 的品牌指南應用到您的文件

由 sickn33

在所有文件和簡報中保持一致的品牌識別。此技能會自動應用 Anthropic 的官方色彩和排版。

Claude Codex Code(CC)
安裝
📦

avalonia-layout-zafiro

安全 71

使用 Zafiro 构建乾淨的 Avalonia UI 佈局

由 sickn33

使用語義化容器和共享樣式建立可維護的 Avalonia 應用程式。透過 Zafiro.Avalonia 元件和最佳實踐減少 XAML 冗餘。

Claude Codex Code(CC)
安裝
🎨

algorithmic-art

安全 72

使用 p5.js 創作算法藝術

由 sickn33

此技能使 Claude 和 Claude Code 能夠使用 p5.js 生成畫廊級別的算法藝術,並透過種子隨機性實現可重複的結果和互動式參數探索。

Claude Codex Code(CC)
安裝
📝

typeset

安全 70

將排版轉化為精心的設計

由 pbakaus

通用字體和不一致的尺寸會削弱您的介面可信度。Typeset 應用專業排版原則,創建清晰的層次結構、易讀的文字和精致的視覺效果,以反映您的品牌個性。

Claude Codex Code(CC)
安裝
🎨

teach-impeccable

安全 71

捕捉您的設計情境,實現一致的 AI 協作

由 pbakaus

AI 助手在理解您的品牌和用戶後,能做出更好的設計決策。此技能執行一次即可收集專案專屬的設計情境,並儲存供所有未來工作階段使用。

Claude Codex Code(CC)
安裝
📦

shape

安全 75

在編碼前規劃 UX/UI 設計

由 pbakaus

大多數 AI 生成的 UI 失敗是因為跳過了設計思維。此技能會執行結構化的探索訪談,了解使用者的需求、限制和目標,然後產生一份全面的設計簡報來引導實作。

Claude Codex Code(CC)
安裝
📦

quieter

安全 70

精煉過於大膽的設計

由 pbakaus

Claude 可以自動調和過於激進或視覺上過於壓抑的設計,創造出更精緻優雅的美學,同時保留影響力和功能性。

Claude Codex Code(CC)
安裝

polish

安全 70

Polish Your UI to Perfection

由 pbakaus

一項細緻的品質把關技能,能發現 UI 程式碼中的對齊、間距、一致性和細節問題。將優秀的作品轉化為精緻、專業的介面。

Claude Codex Code(CC)
安裝
🎨

overdrive

安全 71

打造令人驚豔的網頁介面,運用尖端效果技術

由 pbakaus

標準的網頁介面感覺靜態且可預測。Overdrive 透過電影般的轉場效果、GPU 加速的視覺效果,以及基於物理的動畫來轉變它們,為使用者帶來驚喜與愉悅。

Claude Codex Code(CC)
安裝
🚀

onboard

安全 71

設計促進採用的用戶引導流程

由 pbakaus

當用戶無法快速理解產品價值時,他們會放棄使用。本技能可幫助您建立引導體驗,在不造成用戶負擔的情況下引導他們達成首次成功。

Claude Codex Code(CC)
安裝
📦

normalize

安全 71

將 UI 元件標準化為設計系統

由 pbakaus

透過自動偵測並修正偏離設計系統的狀況,消除設計不一致性。確保每個元件都使用正確的設計記號、模式和既定規範。

Claude Codex Code(CC)
安裝
📦

layout

安全 75

運用系統化間距建立精緻版面配置

由 pbakaus

修正單調的網格和不一致的間距,這些問題會讓介面感覺不夠專業。此技能建立系統化的間距比例、視覺節奏和明確的層次結構,將通用的版面轉化為經過精心設計的構圖。

Claude Codex Code(CC)
安裝
📦

impeccable

低風險 75

運用 AI 打造精緻的前端介面

由 pbakaus

AI 生成的介面往往流於通用與模板化。Impeccable 引導 AI 做出專業的設計決策,產出獨具特色且達生產等級的前端程式碼。

Claude Codex Code(CC)
安裝
📦

frontend-design

安全 73

建立突出且與眾不同的前端介面

由 pbakaus

一般 AI 生成的程式碼只會產生平淡無奇、模板化的設計。此技能教導大膽的美學方向和生產級的實作,創造令人難忘的使用者體驗。

Claude Codex Code(CC)
安裝
📦

delight

安全 72

透過愉悅的微互動改造介面

由 pbakaus

功能性介面通常給人冰冷且機械化的感覺。此技能添加了策略性的歡樂與人格特質,讓使用者在保持可用性的同時露出微笑。

Claude Codex Code(CC)
安裝
🎨

critique

安全 67

設計審查

由 pbakaus

獲得專業的 UX 設計回饋,識別 AI 生成的圖樣、視覺層級問題,以及可操作的改進建議,提升您的介面品質。

Claude Codex Code(CC)
安裝
🎨

colorize

安全 71

為您的設計添加策略性色彩

由 pbakaus

將灰色、無生氣的介面轉換為溫暖、吸引人的體驗。此技能應用有目的性的色彩理論來改善視覺層次和使用者愉悅感。

Claude Codex Code(CC)
安裝