/looks
┌──────────────────────┐
│ EMPLOYEE_042 DOCS: 6 │ ルックに応じてラベルが変わります
│ ┌──┐ ▭ │
│ │ │ o ▤ │ 事務員が書類の山を抱えています
│ └──┘ /|▤▤ ┬─┬ │ 3秒目に一番上の紙が滑り落ちます
│ / \ ~ │
└──────────────────────┘
1つのシーン、9つのルック。スタイルを素早く表示したり、ルックを並べて比較したり、独自のキャラクタービートのベースとして使用します。
初回使用
このスキルのフォルダは、Claude Codeがロード時に表示する「ベースディレクトリ」です。
SKILL_DIR="<base directory of this skill>"
KIT=$(python3 -c 'import os,sys;print(os.path.realpath(os.path.join(sys.argv[1],"..","..","kit")))' "$SKILL_DIR")
[ -s "$KIT/node_modules/playwright/package.json" ] || bash "$KIT/setup.sh"
Node、Python 3、ffmpeg、およびChromeまたはChromiumが必要です（必要に応じてCHROME=/path/to/chrome）。これは2Dキャンバスです。「3D」ルック（クレイメーション、ホログラム）は、モデリングではなく、そのように見えるように描画されています。
手順
- 質問：どのルック（または複数）にするか、変更する文字列（名札、看板、ターミナルコマンド、温度）を確認します。
- スペック：
<name>.looks.jsonを作成します。例：{ "look": "anime" }。複数のルックの場合は、ルックごとに1つのスペックを作成します。 - チェック：
python3 "$SKILL_DIR/build.py" <spec.json> --checkを実行すると、0、1、3、5、5.9秒の静止画が書き出され、収まらないテキストについて警告します。 - レンダリング：
python3 "$SKILL_DIR/build.py" <spec.json>を実行すると、<name>.looks.mp4（1080x1920、30 fps、180フレーム、H.264 yuv420p、音声なし）が書き出されます。ほとんどのルックは1分未満で完了しますが、水彩画とクレイメーションはブラーのため時間がかかります。 - 引き渡し：mp4ファイルのパスを提示します。
ルック一覧
look | 機能 | 使用する文字列 |
|---|---|---|
hologram | 半透明のシアン形状、発光する縁、加算光、ワイヤーフレームのハッチング、動くスキャンライン、短いグリッチ、グリッド床、回転するリングのあるプロジェクターディスク。シートは粒子に爆発し、山の上で再形成されます。 | name_tag、書類数 |
cyberpunk | 夜のオフィス：ピンクとシアンのネオンチューブ、窓の向こうの雨と照明付きの建物、短く暗くなるネオンサイン、片側にピンクのリムライト、反対側にシアン、濡れた反射する床、ヘイズとブルーム。 | sign |
paper | 粗いカットエッジのクラフトペーパー、繊維テクスチャ、ドロップシャドウ。接合部には真鍮のスプリットピン。2コマ（12 fps）でアニメーション、各ステップに少しのジッター。 | なし |
blueprint | グリッド入りの青いシート上の白とシアンの線。オフィスが自動描画されます。高さ、山の高さ、速度、歩幅の寸法線。シートの落下は破線の円弧と注釈で描かれます。タイトルブロック。 | title、dims、slip_note |
thermal | 熱値を鉄虹色パレットにマッピング（顔と手が最も高温、マグカップは高温で蒸気、窓は低温）、ブラーとセンサーノイズ。温度付きの十字線、スケールバー、RECドット、タイムスタンプ。 | temp、timestamp |
anime | 2トーンのセルシェーディング、細い暗い輪郭線、ハイライトのあるトゲトゲしい髪、大きな目、塗りの空と木の床への光線。スリップ時：顔への素早いズーム、スピード線、汗のしずく、赤い !?。 | exclaim |
ascii | 約80カラムの緑文字に変換されたシーン、CRTスキャンラインとビネット。上部にコマンドが点滅カーソルと共に自動入力されます。スリップ時に警告行。 | command、warn |
watercolor | 濃い縁取りのあるソフトなウォッシュ、色から少し外れたゆるい鉛筆線、紙の粒子、白い余白。6フレームごとにウォッシュが変わり、きらめく効果。 | なし |
clay | 親指の跡がついた粘土シェーディング、ビーズアイ、ソフトな接触影、マクロレンズのようなぼかした背景、2コマアニメーション、小さな揺れ。 | なし |
スペック
{ "look": "hologram", "docs": 6, "slip_at": 3.0, "caption": "",
"name_tag": "EMPLOYEE_042", "sign": "OPEN 24/7", "temp": "36.8°C", "timestamp": "2026-11-11 21:04",
"command": "user@office:~$ ./walk --docs 6", "warn": "!! WARN: sheet_01 detached",
"title": "OFFICE WALK / STUDY", "slip_note": "SHEET 01 - DETACHED",
"dims": ["H 1.78 m", "STACK 0.30 m", "v = 1.32 m/s", "STRIDE 1.39 m"], "exclaim": "!?" }
look：上記9つのうちの1つ。docs：山の中のシートの枚数（2～10）。slip_at：一番上のシートが滑り落ちる秒数（0.5～4秒）。caption（オプション）：上部近くの短い行。任意のルックで使用可能。- その他の文字列は、表に記載されたルックでのみ表示されます。
変更方法
- シーンはマテリアル名（
skin、shirt、paper、deskなど）を持つ図形のリストです。office()が部屋を構築し、worker(t)が人物（歩行サイクル、2ボーンアーム、書類の山）を構築します。各ルックはLOOKS内でマテリアルを独自の色や熱値にマッピングし、独自の方法でリストを描画するため、新しい小道具はoffice()の1行と各パレットの色の追加だけで済みます。 - ルックを追加するには、
LOOPSに関数を追加し、その名前をbuild.pyのLOOKSに追加します。 - 同じプロンプトセットからの等角投影オフィスのアイデアは、
/isometricでより適切に実現できます。
他の画面サイズ
すべてのスキルは9:16でレンダリングし、その後ビデオを任意のフレームに収めることができます。スペックに以下を追加します。
size："16:9"、"1:1"、"4:5"、"4:3"、"21:9"、または"1920x1080"のような"WIDTHxHEIGHT"。fill（オプション）："blur"（デフォルト。ビデオのぼかしコピーで側面を埋める）または"#101010"のような色。zoom（オプション、デフォルト1）：1より大きいと画像を拡大し、静的な上下マージンを切り取ります。約1.25までは横向きで安全です。上下の非常に重要な部分が切り取られないことを確認してください。 コンタクトシートは9:16のレンダリングから作成されます。既存のビデオの場合：python3 "$KIT/resize.py" <video.mp4> --size 1920x1080 [--fill blur] [--zoom 1.2]。
テイスト
- クリップごとに1つの小さなストーリービート（スリップ）を入れましょう。スタイルに任せてください。
- ストロボ効果なし：ネオンの減光、RECドット（1 Hz）、グリッチは短く、間隔を空けています。
- テキストは常に40 px以上、側面は90 px以内、上下は220 px以内。