目標人群:設計師、前端素材準備與自動化使用者。核心關鍵詞:OpenClaw、遠端 Mac、批量 PNG、資料夾監聽、命名規範。當 Figma/Sketch 匯出到固定「收件」資料夾後,由遠端 Mac常駐任務自動縮放、輸出多規格套圖並套用統一檔名,可把重複勞動從本機筆電挪到長開機節點,利於徹夜排隊與團隊共用同一套規則。
目錄結構與權限
將「設計工具寫入區」與「自動化處理區」分開,降低誤刪與權限過大風險。建議六區:監聽收件、處理中、完成、失敗待審、日誌、歸檔;worker 帳號僅讀寫上述路徑,設計師帳號只寫收件。網路卷/同步碟應加長寫入穩定窗口,避免半寫入檔入列。
先裝執行依賴(Node/Python/影像 CLI 等),再對齊OpenClaw 安裝指南與Mac 安裝與批量校驗的權限檢查;容器部署見Docker 與批量導出,掛載路徑須與設定檔一致。
監聽任務配置
監聽任務須判定「PNG 已寫完」:副檔名+短時間內大小不變,可再加 PNG 魔數;事件驅動可輔以輪詢。合格檔原子更名/搬移至處理中再縮放,避免多 worker 搶讀。launchd 或常駐進程寫死路徑、並發與逾時;並讀監聽與 PNG 重命名、監聽、重試與日誌歸檔對齊觸發與隊列。
部署流程:產出設定與尺寸表版本→同步遠端→重載守護程序→小圖驗證→正式監聽;變更時保留上一版以利回滾。
多尺寸模板表
用一張「尺寸表」驅動所有衍生檔,團隊才有單一真相來源。下表為常見設計/前端素材場景示例,實際數值請依品牌規範裁剪;欄位可對應到腳本迴圈或 OpenClaw 技能參數。
| 用途標籤 | 寬 × 高(px) | 建議檔名後綴/命名片段 |
|---|---|---|
| 基線 @1x | 依母圖長邊等比縮至設計基準 | _1x 或 @1x |
| 視網膜 @2x | 寬高各 ×2(或長邊對齊設計 token) | _2x/@2x |
| 社群方圖 | 1080 × 1080 | _social_sq |
| 電商主圖(示例) | 2000 × 2000 白底或透明依規格 | _shop_main |
命名模板示例:{project}_{screen}_{assetId}_{variant}_{sizeLabel}.png;禁空格與全形符號,分隔符統一。同步產出 manifest(JSON/CSV)供前端構建或 CDN 引用。延伸社群多尺寸 PNG 批處理。
日誌與失敗重試
日誌欄位建議含檔名、觸發時間、尺寸表版本、退出碼、輸出路徑與耗時。可重試(暫時讀取失敗、資源尖峰、逾時)用指數退避並設最大嘗試與退避上限;不可重試(損毀、參數錯、權限錯)進失敗待審附摘要。日誌輪轉/壓縮歸檔;磁碟水位低時暫停入列(見日誌歸檔文)。
與設計交付銜接
完成目錄作 staging,經PNG 批量質檢後再進 release;manifest 標註自動/手動來源。色彩對齊sRGB/P3 驗收清單,避免僅縮放卻偏色。
分工示例:設計匯出至收件,遠端 Mac套表與命名;完整鏈路見設計素材流水線與重命名。
排錯 FAQ
重複觸發? 加長穩定窗口或 .tmp→.png 原子更名;勿將輸出寫回監聽目錄。模糊鋸齒? 母圖解析度須覆蓋最大衍生尺寸;向量稿先高倍率母圖再降採樣並固定重採樣演算法。路徑不一致? 遠端用絕對路徑,環境變數寫進 launchd 啟動腳本。延伸閱讀技術見解首頁;連線見幫助中心(免登入)。
HowTo 步驟清單
- 建立監聽、處理中、完成、失敗、日誌、歸檔目錄並設定專用執行帳號最小權限。
- 安裝 OpenClaw/worker 與影像工具鏈,對齊安裝與校驗文檔完成環境配置。
- 在設定檔寫入監聽路徑、穩定寫入條件、並發與逾時。
- 維護版本化的多尺寸表與命名模板,產出 manifest。
- 部署守護程序並以測試 PNG 走完整條流水線。
- 啟用日誌輪轉、退避重試與死信目錄;串接質檢與 staging→release。
把資料夾監聽與批量 PNG套圖放在遠端 Mac,設計師本機只負責創作與匯出,自動化與審計集中在專用節點,團隊規則也更容易可複現。