通用 AI 生成的介面通常顯得擁擠、光亮或不一致。此技能為 Claude、Codex 和 Claude Code 提供精確的視覺規則，用於打造沉穩的編輯風格版面。

許多資料密集型介面看起來既通用又視覺上偏柔和。這項技能為 Claude、Codex 和 Claude Code 提供精準的工業粗野主義 UI 規則，涵蓋網格、字體、色彩與紋理。

前端圖片提示詞經常產生重複的版面配置。此技能會引導 Claude、Codex 和 Claude Code 產生各具特色、逐區段規劃的網站參考圖片。

行動 App 圖像概念常顯得普通、擁擠或不一致。這項技能會引導 Claude、Codex 和 Claude Code 建立精緻的行動裝置畫面圖像與一致的流程。

通用 AI 版面配置通常顯得扁平且像是由範本驅動。此技能會引導 Claude、Codex 和 Claude Code 建立高級質感的視覺系統、動效規則與響應式 UI 細節打磨。

一般 AI 頁面經常重複薄弱的版面配置。此技能會引導 Claude、Codex 和 Claude Code 朝向多樣化的編輯風格 UI、GSAP 動效，以及更嚴格的視覺檢查。

AI 生成的前端作品可能看起來很制式，並遺漏響應式狀態。這項 skill 為 Claude、Codex 和 Claude Code 提供帶有明確取向的 UI 規則，讓 React 和 Tailwind 輸出更精緻。

AI 生成的介面通常看起來很通用，或缺少正式環境所需的細節。這項技能為 Claude、Codex 和 Claude Code 提供嚴格的設計與前端防護準則。

團隊在投資完整識別系統之前，需要先看到一致且有整體感的品牌概念。此技能會引導 Claude、Codex 和 Claude Code 建立精緻的品牌套件看板，包含標誌、色彩配置、模型圖與視覺規則。

Creating polished images and consistent visual sets requires detailed prompts and repeated API work. This skill prepares requests, calls Seedream, and downloads the results.

科學團隊需要清晰圖解，而不必耗時手動繪製。此 skill 可將詳細提示轉換為經審閱的示意圖、路徑圖、流程圖和架構圖。

當使用者必須在工具之間切換時，建立精緻的視覺素材可能會很慢。此技能讓 Claude、Codex 和 Claude Code 能透過 OpenRouter 模型，根據文字提示產生或編輯圖片。

完成的介面在發布前通常仍需要細微的視覺調整。此技能會引導 Claude、Codex 和 Claude Code 在保留設計的同時提升清晰度。

Pencil 設計在開發者憑目測轉譯時，往往會遺失細節。此技能會引導 Claude、Codex 和 Claude Code 進行精準擷取、實作和視覺檢查。

產品團隊經常在成功狀態中塞入過多不明確的下一步。此技能會在有意義的結果產生後，將使用者意圖轉化為有範圍界定且排定優先順序的 UI 動作。

設計交付經常破壞架構、權杖與無障礙性。此技能會引導 Claude、Codex 和 Claude Code，將選取的 Figma 或 Pencil 畫面轉換為分層的 Tailwind 程式碼。

Next.js 團隊經常漏掉 favicon、PWA 和社群圖片需求。此技能會稽核專案、準備精確的資產規格，並依照 App Router 慣例串接產生的檔案。

Recreating a successful video ad from observation is slow and inconsistent. This skill converts reference footage into an evidence-based timeline and production-ready adaptation prompt.

將長篇內容轉換成社群圖片卡片既耗時又容易風格不一致。此技能會規劃小紅書風格的資訊圖表系列，包含樣式、版面配置、提示詞和輸出路徑。

將長篇內容轉換成風格一致的視覺簡報需要規劃與提示撰寫。此技能會建立結構化大綱、每張投影片的提示，以及產生的投影片圖片。