office-sprite

office-sprite 技能為 Claude Office Visualizer 提供了一套自動化管道，用於建立適合即時模擬環境的遊戲像素藝術資源。此工具旨在為開發人員與創意使用者服務，協助他們製作與視覺化環境 45 度前視角相符的復古風格家具與物體精靈圖。透過利用 Nano Banana MCP 進行 AI 圖像生成，並結合專業的 ImageMagick 多階段後處理指令碼，使用者可將原始 AI 輸出轉換為清晰、透明的 PNG 檔案，直接整合至 PixiJS 前端環境中。

• 使用 Nano Banana MCP 進行自動化生成，並針對 16 位元、前視角、非等距像素藝術風格進行提示詞調整。

• 內建驗證工作流程，確保在進行影像處理前，精靈圖的視角與中心位置準確無誤。

• 支援進階的多階段背景移除腳本，結合 FFmpeg 與 ImageMagick 處理程序，徹底消除洋紅色 (#FF00FF) 背景與邊緣的紫色雜訊。

• 支援自訂物體描述，可生成辦公桌、椅子、飲水機等特定家具項目。

• 遵循與 Claude Office 程式碼庫相容的標準化輸出路徑與命名規範。

• 請確保生成的視角明確設定為 45 度前/俯視角，以符合模擬環境的風格，避免 AI 模型預設產生的等距視角。

• 務必遵循多階段處理流程（先使用 FFmpeg 處理原色移除，再使用 ImageMagick 進行模糊透明度處理），以確保精靈圖邊緣平整。

• 在更新 React 元件或 OfficeGameV2.tsx 邏輯之前，請務必驗證最終精靈圖的透明度與縮放比例。

• 生成的精靈圖經過最佳化，可無縫配合 PixiJS 資源載入系統，支援在虛擬辦公室佈局中進行物件的程式化實例化。

• 使用此工具維持所有自訂精靈圖的視覺一致性，確保它們與現有環境的像素藝術配色與邊緣清潔要求保持高度同步。