デザイナーやコンテンツチームが、リモート Mac上で設計素材の自動処理を実現したい場合に、OpenClawを使ったデザインパイプラインが有効です。本稿では「フォルダ監視」と「PNG 自動リネーム」に焦点を当て、実行可能・再現可能な設定手順を HowTo/ステップ形式でまとめます。キーワード:OpenClaw、デザインパイプライン、リモート Mac、PNG 自動リネーム、フォルダ監視、自動化手順。
① リモート Mac での OpenClaw のデプロイ方法と前提条件
OpenClawをリモート Macで動かすには、まずデプロイ環境と前提条件を整えます。
- 接続:SSH または VNC でリモート Mac にログイン(MacPng ノードの場合はダッシュボードから接続情報を取得)。
- Python 3.10+:
python3 --versionで確認。未導入なら Homebrew でbrew install [email protected]。 - OpenClaw のインストール:
git clone <OpenClaw リポジトリ> && cd openclaw && pip install -r requirements.txt。必要に応じて仮想環境(venv)を推奨。 - 入出力フォルダの用意:監視対象の「入力」フォルダと、リネーム後の「出力」フォルダを決めます。例:
mkdir -p ~/design-watch/in ~/design-watch/out。 - 権限:実行ユーザーが
in/outの読み書きできること、スクリプト実行権限があることを確認。
以上が満たされていれば、次の「フォルダ監視」と「PNG 自動リネーム」の設定に進めます。
② 指定フォルダを監視するスキル/設定とトリガー論理
「指定フォルダを監視し、新しい PNG が追加されたら処理を走らせる」流れを実現する方法を二通り示します。
方法 A:fswatch でフォルダ監視
brew install fswatchで fswatch をインストール。- 監視対象を
~/design-watch/inに設定。トリガー時に実行するスクリプト(後述のリネーム処理)を用意。 - 例:
fswatch -0 ~/design-watch/in | xargs -0 -n1 -I{} /path/to/rename-script.sh。ファイル追加・変更のたびにリネームスクリプトが実行されます。 - 運用時は
nohupや launchd で常駐させると便利です。
方法 B:OpenClaw の監視スキル/設定
OpenClaw 側で「指定パスをポーリングまたは監視し、新規ファイルを検知したらリネームスキルを実行」するスキルを定義します。設定ファイルまたは YAML で監視パス・実行間隔・実行コマンド(リネーム処理)を指定し、OpenClaw のワーカーが定期実行またはイベント駆動で動かす形にします。トリガー論理は「フォルダ内に新規 .png が存在する → リネームジョブをキューに投入 → 処理後に out へ移動」とします。
どちらも「監視対象フォルダ = 設計ツール(Figma/Sketch 等)の書き出し先」に統一すると、エクスポートするだけで自動でリネームまでつながります。
③ PNG 一括リネームルールと再現可能な設定手順
PNG 自動リネームのルールを決め、同じ手順で誰が実行しても同じ結果になるようにします。
リネームルールの例
- 形式:
プロジェクト名_用途_解像度_連番.png(例:app_icon_48x48_01.png)。 - 接頭辞はプロジェクトまたはコンポーネント名、解像度は @1x 基準で統一すると開発側と揃えやすいです。
再現可能な設定手順(チェックリスト)
- リモート Mac に接続し、OpenClaw と
~/design-watch/in・~/design-watch/outを用意(①のとおり)。 - リネーム用スクリプト
rename-png.shを作成。例:in内の PNG をprefix_01.png, prefix_02.png, ...にリネームしてoutにコピー。 - スクリプトに実行権限を付与:
chmod +x rename-png.sh。 - fswatch または OpenClaw の監視設定で、
inを監視し、トリガー時にrename-png.shを実行するように設定。 - Figma/Sketch のエクスポート先を
~/design-watch/inに設定し、テスト用 PNG を書き出してリネーム結果を確認。 - リネーム前後の対応表をログまたは CSV に残すと、ロールバックや監査がしやすくなります。
# rename-png.sh の例(in → out、接頭辞 asset_ 連番2桁)
cd ~/design-watch/in
i=1
for f in *.png; do
[ -f "$f" ] || continue
cp "$f" ../out/asset_$(printf "%02d" $i).png
i=$((i+1))
done
OpenClaw の Vision で画像内容に応じたラベルを付与してからリネームする場合は、上記ルールをスキル内の「リネームステップ」に組み込み、入力パス=監視フォルダ・出力パス=out と指定すれば、フォルダ監視と PNG 自動リネームが一連のパイプラインとして動きます。
④ よくあるエラーとトラブルシューティング
- Permission denied:
in/outのパーミッションを確認。chmod 755 ~/design-watch/in ~/design-watch/out。所有者が実行ユーザーであることを確認。 - No such file or directory:パスが絶対パスで正しいか、
~が実行環境で展開されているか確認。スクリプト内では$HOMEを使うと安全です。 - fswatch が反応しない:監視パスが実際に存在するか、fswatch のオプション(-0 と xargs の組み合わせ)が正しいか確認。サブディレクトリまで監視する場合は
-rを検討。 - macOS のフルディスクアクセス:ターミナルや Automator からスクリプトを実行する場合、システム設定で該当アプリにフルディスクアクセスを付与しないと特定フォルダに書き込めないことがあります。
- 重複実行による上書き:同じファイルが何度もトリガーされないよう、処理済みファイルを
inから別フォルダへ退避するか、処理済みフラグを付けると安全です。
⑤ まとめとリモート Mac の価値
本稿では、OpenClawを使ったデザインパイプラインのうち、リモート Mac上で「フォルダ監視」と「PNG 自動リネーム」を実現する自動化手順を、①デプロイと前提条件、②監視のスキル/設定とトリガー論理、③リネームルールと再現可能な設定手順、④よくあるエラーと対処、⑤まとめの順で解説しました。設計ツールの書き出し先を監視フォルダに統一すれば、エクスポートするだけでリネームまで一気通貫で回せます。自前の Mac がなくても、リモート Macをレンタルすることで同じワークフローを安定して運用できる価値があります。