響應式網站在動畫變更後可能隱藏版面缺陷。此技能會跨裝置尺寸擷取捲動後的全頁螢幕截圖，以便進行聚焦的視覺審查。

如果在實作現代網頁動畫時缺乏明確的防護準則，可能會損害效能與無障礙性。這項技能為 Claude 提供實用的 GSAP 模式、測試步驟與上線檢查，協助完成精緻的動畫工作。

團隊通常缺乏一份清楚記錄品牌色彩、字體、影像和響應式規則的資料。此技能會將網站資產和品牌輸入轉換為適用於 Claude、Codex 和 Claude Code 工作流程的結構化指南內容。

跨 AI 模型、虛擬化身和程式碼工具製作影片可能很難規劃。這項技能會引導工具選擇、提示詞、工作流程和製作步驟。

網站團隊經常難以組織頁面、導覽和 URL。此技能會建立清楚的階層、視覺化網站地圖、URL 對照表和連結規劃。

註冊流程經常因為額外欄位、不清楚的錯誤訊息和薄弱的信任提示而流失使用者。此技能會審核註冊體驗，並提出聚焦的 CRO 改善建議。

行銷頁面常因訊息不清楚、CTA 薄弱或缺少信任訊號而流失訪客。此技能會檢視頁面結構，並提供按優先順序排列的 CRO 建議。

行銷團隊需要符合通路、品牌和成效目標的圖像。此技能會引導提示詞、工具選擇、尺寸、模型圖和最佳化。

視覺體驗在不同頁面之間可能變得不一致、緩慢或不具無障礙性。此技能會以明確的安全限制，引導動畫、圖庫、展示與 Three.js 更新。

行銷團隊在使用生成工具之前，需要清晰的影片規劃。此技能可將行銷活動構想轉換為腳本、鏡頭清單、平台注意事項與剪輯指引。

團隊需要遵循本地設計規則的一致 UI 元件。此技能會以權杖、狀態、響應式版面配置和無障礙性，引導 shadcn/ui 的建立。

當描述、結構描述和錯誤不清楚時，代理工具就會失效。這項技能提供實用模式，用於打造更清晰的工具介面和更小的工具集。

團隊需要一致的 UI 元件與回饋流程，而不必重新建構常見模式。此技能會引導 Claude、Codex 和 Claude Code 產生以 React 為導向的無障礙 UI。

遊戲團隊需要符合 SHINOBI WAY 規則的一致探索內容。此技能會引導 Claude、Codex 或 Claude Code 進行區域、地點、房間、情報任務與路徑設計。

當色彩、形狀、光線和紋理未被記錄時，視覺專案會失去一致性。此技能會將美術指導決策轉化為結構化的風格指南。

口語影片常包含錯誤、贅字與長時間靜音。這個技能會依據已確認的時間戳編輯，使用 FFmpeg 套用修改，並以轉錄結果檢查成效。

從聊天提示詞建立圖片可能需要 API 設定和上傳步驟。此技能會引導 Claude Code 完成文字轉圖片、圖片轉圖片，以及提示詞格式化工作流程。

Technical diagrams often become inconsistent, crowded, or inaccessible. This skill applies structured layouts, brand tokens, accessibility checks, and export workflows.

使用程式碼創作原創器樂很複雜，且需要 MIDI、合成與轉出知識。此技能提供用於作曲、轉換、轉出與驗證音訊檔案的工作流程和腳本。

藝術家和團隊需要可重現、且無需設定即可探索的生成藝術。此技能會將概念轉換為帶有種子的 p5.js HTML 成品，並包含控制項與 PNG 匯出功能。