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

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

你需要在文件與簡報間保持一致的視覺風格。這項技能提供 10 組精選主題，並可依你的需求產生自訂主題。為投影片、文件與報告套用一致的色彩與字體。

為 Slack 建立動畫 GIF 需要特定的尺寸、色彩限制和影格速率才能正確顯示。此技能提供工具來建立符合 Slack 需求的 GIF，並具有流暢的緩動函數和視覺效果。

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

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

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

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

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

使用者難以將文字內容轉換為視覺簡報。此技能會分析內容、產生包含風格規格的詳細簡報大綱，並使用 AI 影像生成技術產生個別簡報投影片。

在開發環境中直接建立高品質的 AI 生成的圖片。支援多個供應商、長寬比和參考圖片，實現精確的視覺控制。

使用 Google Gemini Web 進行 AI 驅動的文字生成和圖片創作。透過基於瀏覽器的身份驗證安全處理 Google 登入。為其他需要 Gemini 功能的 baoyu skills 提供基礎。

為文章創建視覺吸引力的封面圖片需要設計技能和圖像生成工具。此技能會分析您的內容並自動生成多種視覺風格的優雅手繪風格封面圖片。

將複雜的主題轉化為引人入勝的視覺漫畫。產生具有角色設計、分鏡稿和版面配置的多頁面教育漫畫，支援多種藝術風格。

純文字文章難以吸引讀者。此技能會分析您的文章內容,並在關鍵位置自動生成相關插圖。從 9 種視覺風格中選擇,以符合您的內容調性和主題。

利用 40 多個 AI 模型從文字、圖像或音訊建立影片。使用 Veo 3.1、Grok Video 和 Wan 2.5 等工具生成社群媒體片段、行銷內容和解說影片。

將 React 和 Remotion TSX 程式碼程式化轉換為 MP4 影片。適合想要透過程式碼產生動畫、動態圖形和數據驅動影片的開發者。

使用 Remotion 將 React TSX 代碼轉換為專業 MP4 影片。為開發者、內容創作者和自動化工作流程提供程式化影片生成服務。

團隊需要快速、一致的應用程式螢幕導覽影片，但手動編輯速度緩慢。此技能可自動化螢幕擷取和 Remotion 組合，產生可直接渲染的影片，包含轉場效果和疊加層。

此技能可建立獨特且生產就緒的前端介面，脫離一般AI生成設計的平庸。它提供精緻的網頁元件，展現大膽的美學和對細節的嚴謹關注。