建構可在所有裝置上正常運作的回應式網頁版面既複雜又容易出錯。此技能為 Claude 提供行動優先設計原則、流體容器、相對單位和觸控友善互動的明確指導方針，確保您的網頁專案能從行動裝置無縫擴展到桌面端。

撰寫 CSS 時沒有統一的方法論會導致維護性問題和專案之間的樣式不一致。本技能提供結構化指導，教您應用業界標準方法，如 Tailwind、BEM 和 CSS Modules，以確保樣式表簡潔、可維護且可擴展。

簡報和文件通常缺乏視覺一致性。此技能提供10種精心設計的主題，包含調色板和字體搭配。可以立即將主題應用於任何投影片或文件，實現專業的設計風格。

Slack 對 GIF 有嚴格的大小限制（表情符號 64KB，訊息 2MB）。此工具包會建立符合這些限制的最佳化動畫，同時提供專業的動畫效果。

模糊的截圖和低解析度影像會損害您的專業形象。此技能使用 AI 來放大、銳化和優化您的視覺效果，呈現晶瑩剔透的簡報和文件。

創建原創視覺藝術需要深入理解美學原理和排版技巧。此技能將抽象的設計理念轉化為具體的視覺作品，運用專業字體和精湛的工藝原則。

在文件和簡報中維持一致的品牌形象可能既耗時又容易出錯。此技能提供即時存取 Anthropic 官方品牌色彩、字體排版和樣式指南,確保專業且符合品牌形象的視覺內容。

使用者需要專業的SVG標誌，但缺乏設計工具或編碼技能。此技能使用Python生成幾何標誌，支援可擴展向量圖形、自訂調色板和簡潔的設計原則。

使用演算法技術將數學概念轉化為驚艷的視覺藝術。此技能提供引導式範本,用於創建具有種子隨機性和互動控制的可重現生成式藝術作品。

使用者需要指導來操作複雜的 WebGL 和 WebAudio 合成器。此技能提供 Orthonotone 多聲部樂器的舞台設置、演奏控制、場景設計和錄音工作流程的逐步說明。

建立 SwiftUI 視圖需要了解導航架構、元件模式和狀態管理。本技能提供可立即使用的標籤、表單、列表、網格等模式，讓您能更快速地交付產品並減少錯誤。

使用 Liquid Glass 建立現代 iOS 介面需要理解 Apple 特定的 API 和設計模式。此技能提供即用的程式碼模式和審查檢查清單,以正確實作玻璃效果。

生成專業且易於訪問的 CSS，符合簡潔的 shadcn/ui 美學風格。此技能提供 CSS 變數、HSL 色彩、間距比例和現代佈局技術的完整模式。

您的網頁應用程式看起來不錯，但缺乏世界級的精緻度。使用此迭代工作流程在桌面和行動裝置上逐步增強 UI/UX，通過多次重點改進達到 Stripe 級別的視覺品質。

建立無障礙的網頁介面可確保每個人都能使用您的應用程式，包括身心障礙使用者。此技能會在您的 React 元件中強制執行 WCAG 標準、正確的 ARIA 屬性、鍵盤導航和螢幕閱讀器相容性。

建立獨特且視覺吸引力強的網頁介面既具挑戰性又耗時。此技能指導建立具有刻意美學選擇的生產品質前端程式碼,避免通用的 AI 生成美學,並提供精緻且令人印象深刻的設計。

開發者和設計師需要一致、可存取且視覺上吸引人的介面，但缺乏全面的設計知識。UI/UX Pro Max 透過簡單的關鍵字搜尋，提供 50 多種設計風格、色調配色、字型搭配以及特定框架最佳實踐的即時存取。

從原始研究數據創建用戶角色既耗時又常常不一致。此工具包分析用戶行為模式、人口統計數據和訪談洞察,自動生成具有信心評分和設計影響的研究支持型角色。

手動創建一致的設計系統需要大量時間,且經常導致實作不一致。此工具包可自動生成顏色、排版和間距的設計標記,確保所有組件的視覺和諧,並匯出開發者可直接使用的程式碼。

為簡報和文件建立一致、專業的視覺主題需要大量的設計工作。此技能提供 10 種精選的配色和字型主題組合，可立即套用至任何成品，還能根據需求產生自訂主題。