把喜愛的技能整理成可重複使用的收藏集，再用一條命令安裝。
設計高 CTR 的 YouTube 縮圖
由 halt-catch-fire
YouTube 縮圖在行動版動態消息尺寸下必須清晰，同時仍能吸引點擊。此技能提供有關版面配置、色彩、文字、人臉與 A/B 測試的實用規則。
為何此變體排名第一
halt-catch-fire-youtube-thumbnail-design
2026-09-09
101-skills-youtube-thumbnail-design
2026-10-12
建立符合平台規格的影片廣告
由 halt-catch-fire
團隊經常為各平台製作尺寸、長度、字幕或安全區錯誤的影片廣告。此技能為 Claude、Codex 和 Claude Code 提供平台專屬指南，用於規劃影片廣告並產生可直接用於 CLI 的創意提示。
為何此變體排名第一
halt-catch-fire-video-ad-specs
2026-09-09
建立專業影片分鏡腳本
由 halt-catch-fire
影片團隊在製作開始前需要清楚的鏡頭規劃。此技能可將場景想法轉換為結構化的分鏡面板、鏡頭清單和視覺生成提示。
為何此變體排名第一
halt-catch-fire-storyboard-creation
2026-09-09
使用 AI 建立產品照片
由 halt-catch-fire
產品團隊需要為商品頁、廣告和型錄製作精緻影像，但不想進行完整的攝影棚拍攝。此技能提供產品棚拍、生活情境、燈光、角度和完整影像組的提示詞模式。
為何此變體排名第一
halt-catch-fire-product-photography
2026-09-09
迭代式建置 Stitch 網站
由 google-labs-code
大型網站建置常在頁面與迭代之間遺失脈絡。此 skill 為 Claude、Codex 和 Claude Code 提供一套接棒工作流程，用於生成、整合並延續以 Stitch 為基礎的網站工作。
生成 Stitch UI 設計
由 google-labs-code
設計提示詞通常缺乏產出一致、具備生產品質 UI 輸出所需的細節。此技能會將粗略請求轉換為結構化的 Stitch MCP 工作流程、可重複使用的設計系統備註，以及已儲存的設計資產。
建立 Remotion 逐步導覽影片
由 google-labs-code
團隊需要快速為應用程式畫面製作逐步導覽影片，但手動剪輯速度很慢。這項技能會將 Stitch 畫面轉換成含有轉場與疊加元素的 Remotion compositions。
強化 Stitch UI 提示
由 google-labs-code
模糊的 UI 提示經常產生不一致的 Stitch 畫面。此技能會將粗略想法轉換為結構化提示，並包含設計系統脈絡、UI 詞彙與清楚的頁面區塊。
從自然語言建立可編輯的 Excalidraw 圖表
由 github
複雜的流程與系統很難單靠文字說明。此技能可將清楚的描述轉換成可編輯的 Excalidraw 圖表及輔助摘要。
建置一致的 Paperclip UI 元件
由 getpaperclipai
當元件、權杖與版面配置以臨時方式建立時，Paperclip UI 工作可能會逐漸偏離一致性。此技能為 Claude、Codex 和 Claude Code 提供共享的設計指南，以實作一致的前端。
Create Reference-Guided Videos with Wan 3.0 Prime
由 genmedia-labs
Consistent characters, products, and scenes are difficult to maintain across generated video. This skill builds structured Wan 3.0 Prime requests from numbered references.
Generate Reference-Guided Seedance 2.5 Videos
由 genmedia-labs
Keeping characters, products, and visual style consistent across generated video is difficult. This skill builds and runs reference-guided Seedance 2.5 requests through RunComfy.
Animate Still Images with Seedance 2.5
由 genmedia-labs
Static images cannot show motion, camera movement, or synchronized sound. This skill creates directed 720p clips from one image through Seedance 2.5.
Design GemDesign Prototype Pages
由 gemdesign-ai
Turning requirements into consistent, interactive prototypes can take significant design and engineering time. This skill converts page requirements into validated GemDesign prototypes with local preview and platform synchronization.
建立直播商務疊加素材
由 gaoyuji12138
直播團隊需要快速且一致的活動視覺套件。此技能會引導 Claude、Codex 或 Claude Code 完成提示詞、合成與交付素材，以製作用於品牌產品展示的疊加素材。
將 Figma 設計實作為生產環境 UI
由 figma
設計交付常會遺失間距、素材與元件意圖。此技能為 Claude、Codex 和 Claude Code 提供可重複使用的 Figma MCP 工作流程，以準確實作 UI。
建構互動式 UX 原型
由 Emz1998
團隊需要在工程工作開始前快速驗證流程。這項技能會將 UX 規格轉換為包含畫面、狀態和基本互動的互動式 HTML 原型。
設計 Tailwind 元件
由 Emz1998
團隊需要一致的元件樣式，同時不變更共用 UI primitives。此 skill 會引導 Claude、Codex 和 Claude Code 依照 Tailwind 慣例與清楚的檔案邊界建立元件 CSS。
精準審查介面動畫
由 emilkowalski
即使介面動態效果能正常運作，也可能感覺緩慢、分心或不易存取。此技能會依據特定的設計工藝、效能與無障礙標準審查動畫程式碼。
Explore Distinct UI Variants
由 emilkowalski
Choosing a UI direction from one implementation limits useful comparison. This skill builds distinct, working variants in a live picker before integration.