無需學習多個平台即可建立專業 AI 圖片。透過統一的 CLI 介面存取 FLUX、Gemini、Grok、Seedream 和 Reve。

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

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

在文件和程式碼範例中搜尋動畫 React 元件可能需要數小時。此技能讓您能即時存取 ReactBits.dev 上 135+ 個已可投入生產的動畫元件，並提供可複製貼上的原始碼。

Creating consistent AI-generated images and videos with your identity requires a model that recognizes your face. This skill trains a Soul Character on your photos so Higgsfield can generate content that faithfully reproduces your appearance across scenes and styles.

專業產品攝影需要昂貴的攝影棚、設備和攝影師。此技能透過 higgsfield CLI 運用 AI 驅動的提示增強技術，為您打造品牌品質的產品圖片、生活場景圖片和行銷創意素材。

Creating compliant marketplace product images requires following platform-specific rules for size, content, and style. This skill generates main images, secondary product shots, and A+ brand content modules that meet marketplace requirements using the Higgsfield AI platform.

行銷人員與創作者需要快速且一致的視覺內容產出，無需仰賴複雜的設計工具。此技能透過簡單的文字指令，將您與 30 多個 Higgsfield AI 模型串接，可用於生成圖片、影片、品牌廣告及行銷內容。

Lottie animation files do not work directly in HyperFrames video compositions because the player objects need deterministic seeking. This skill provides adapter patterns to register lottie-web and dotLottie players so HyperFrames can render them frame-accurately.

建立影片動畫需要學習專業的影片製作軟體和複雜的算圖管線。HyperFrames 讓您使用 HTML 定義影片編輯，使用 GSAP 製作動畫，並算圖專業影片，包含字幕、場景轉場和音訊。

為影片創作編寫 GSAP 動畫需要精確的時間控制與確定性的執行。本技能提供全面的 GSAP 文件與 HyperFrames 的即用效果，讓您無需搜尋多個資源即可創建流暢、專業的動畫。

CSS animations in video rendering break during seeking because they lack deterministic state management. This skill provides adapter patterns for writing CSS keyframe animations that seek reliably in HyperFrames previews and renders.

Writing Anime.js animations for video rendering requires deterministic, seek-driven instances. This skill provides the patterns and validation steps needed to make any Anime.js animation render-safe inside HyperFrames compositions.

設計團隊花費數小時手動建立 UI 模型。Stitch Design 技能能從文字描述自動化生成高保真度畫面，同時維持設計系統的一致性。

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

將想法轉化為視覺圖表，無需手動繪製。生成專業的流程圖、心智圖和架構圖，並輸出為可編輯的 Excalidraw 檔案。

大多數介面都缺少讓軟體感覺正確的那些看不見的細節。本技能運用成熟的設計工程原理，針對動畫、過渡效果和元件拋光提供指導，幫助您打造使用者喜愛的介面。

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

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

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