alexlukman/looks

/looks

┌──────────────────────┐
│ EMPLOYEE_042 DOCS: 6 │  labels abhängig vom Look
│  ┌──┐    ▭           │
│  │  │   o   ▤        │  Ein Mitarbeiter trägt einen Stapel Papiere
│  └──┘  /|▤▤  ┬─┬     │  Das oberste Blatt rutscht bei 3s
│        / \    ~      │
└──────────────────────┘

Eine Szene, neun Looks. Verwenden, um einen Stil schnell zu zeigen, um Looks nebeneinander zu vergleichen oder als Grundlage für eigene Charakterbewegungen.

Erste Verwendung

Dieses Skill-Verzeichnis ist das „Basisverzeichnis“, das Claude Code beim Laden anzeigt.

SKILL_DIR="<Basisverzeichnis dieses Skills>"
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"

Erfordert Node, Python 3, ffmpeg und Chrome oder Chromium (CHROME=/pfad/zu/chrome falls nötig). Es ist eine 2D-Leinwand: die „3D“-Looks (Knete, Hologramm) werden so gezeichnet, nicht modelliert.

Schritte

1. Fragen, welcher Look (oder mehrere) und welche Wörter geändert werden sollen (Namensschild, Schild, Terminalbefehl, Temperatur).
2. Spezifikation. <name>.looks.json schreiben, z. B. { "look": "anime" }. Für mehrere Looks eine Spezifikation pro Look schreiben.
3. Prüfen. python3 "$SKILL_DIR/build.py" <spezi.json> --check erzeugt Standbilder bei 0, 1, 3, 5 und 5,9 s und warnt bei nicht passendem Text.
4. Rendern. python3 "$SKILL_DIR/build.py" <spezi.json> schreibt <name>.looks.mp4 (1080×1920, 30 fps, 180 Frames, H.264 yuv420p, kein Ton). Die meisten Looks brauchen unter einer Minute; Aquarell und Knetanimation sind wegen Weichzeichnung langsamer.
5. Übergeben der mp4-Pfade.

Die Looks

look	Was es tut	Welche Wörter es verwendet
hologram	Durchscheinende cyanfarbene Formen mit leuchtenden Rändern, additivem Licht, Drahtgitterschraffur, bewegten Scanlines, kurzen Glitches, einem Gitterboden und einer Projektorscheibe mit rotierenden Ringen. Das Blatt zerfällt in Partikel und setzt sich auf dem Stapel neu zusammen.	name_tag, Dokumentanzahl
cyberpunk	Nachtbüro: pinke und cyanfarbene Neonröhren, Regen und beleuchtete Gebäude hinter dem Fenster, ein kurz abgedunkeltes Neon-Schild, pinkes Randlicht auf einer und cyan auf der anderen Seite, nasser reflektierender Boden, Dunst und Bloom.	sign
paper	Bastelpapier mit rauen Schnittkanten, Fasern und Schlagschatten; Messingsplinte an den Gelenken; animiert auf Zweien (12 fps) mit leichtem Zittern bei jedem Schritt.	keine
blueprint	Weiße und cyanfarbene Linien auf einem karierten blauen Blatt; das Büro zeichnet sich selbst; Maßlinien für Höhe, Stapel, Geschwindigkeit und Schrittlänge; der Fall des Blatts als gestrichelter Bogen mit Anmerkung dargestellt; ein Titelblock.	title, dims, slip_note
thermal	Wärmewerte abgebildet auf eine Eisenbogen-Palette (Gesicht und Hände am heißesten, der Becher heiß und dampfend, das Fenster kalt), mit Weichzeichner und Sensorrauschen; ein Fadenkreuz mit Temperatur, eine Maßstabsskala, ein REC-Punkt und ein Zeitstempel.	temp, timestamp
anime	Zweifarbige Cel-Shading, dünne dunkle Konturen, spitzes Haar mit Glanzlichtern, große Augen, bemalter Himmel und Lichtstrahlen auf Holzboden. Beim Rutschen: schneller Zoom auf sein Gesicht, Geschwindigkeitslinien, ein Schweißtropfen und ein rotes !?.	exclaim
ascii	Die Szene in grüne Zeichen auf etwa 80 Spalten konvertiert, mit CRT-Scanlines und einer Vignette; ein Befehl tippt sich oben mit blinkendem Cursor selbst ein; eine Warnzeile beim Rutschen.	command, warn
watercolor	Sanfte Waschungen mit dunkleren angesammelten Rändern, lockere Bleistiftlinien etwas neben der Farbe, Papierkörnung und ein weißer Rand; die Waschungen ändern sich alle 6 Frames, sodass es schimmert.	keine
clay	Plastilin-Farbverläufe mit Daumenabdruck-Markierungen, Perlenaugen, weicher Kontaktschatten, unscharfer Hintergrund wie bei einem Makroobjektiv, animiert auf Zweien mit leichtem Wackeln.	keine

Spezifikation

{ "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": "!! WARNUNG: sheet_01 abgelöst",
  "title": "BÜROGANG / STUDIE", "slip_note": "BLATT 01 - ABGELÖST",
  "dims": ["H 1,78 m", "STAPEL 0,30 m", "v = 1,32 m/s", "SCHRITT 1,39 m"], "exclaim": "!?" }

• look: einer der neun obigen. docs: Blätter im Stapel (2–10). slip_at: wann das oberste Blatt rutscht (0,5–4 s).
• caption (optional): eine kurze Zeile oben, für jeden Look.
• Die anderen Wörter erscheinen nur in den in der Tabelle aufgeführten Looks.

Ändern

• Die Szene ist eine Liste von Formen mit einem Materialnamen (skin, shirt, paper, desk, …). office() baut den Raum und worker(t) die Person (Gehzyklus, 2-Knochen-Arme, der Papierstapel). Jeder Look in LOOKS bildet Materialien auf eigene Farben oder Wärmewerte ab und zeichnet die Liste auf eigene Weise, sodass ein neues Requisit eine Zeile in office() plus eine Farbe in jeder Palette ist.
• Um einen Look hinzuzufügen, eine Funktion zu LOOKS hinzufügen und ihren Namen in LOOKS in build.py eintragen.
• Die isometrische Büroidee aus demselben Prompt-Set wird besser mit /isometric umgesetzt.

Andere Bildschirmgrößen

Jedes Skill rendert 9:16 und kann das Video dann in jedes Format einpassen. Zur Spezifikation hinzufügen:

• size: "16:9", "1:1", "4:5", "4:3", "21:9" oder beliebiges "BREITExHÖHE" wie "1920x1080".
• fill (optional): "blur" (Standard, eine unscharfe Kopie des Videos füllt die Seiten) oder eine Farbe wie "#101010".
• zoom (optional, Standard 1): Werte über 1 vergrößern das Bild und beschneiden die ruhigen oberen und unteren Ränder; bis etwa 1,25 ist im Querformat sicher. Prüfen, dass nichts Wichtiges ganz oben oder unten abgeschnitten wird. Das Kontaktblatt wird aus dem 9:16-Render erstellt. Für ein bereits vorhandenes Video: python3 "$KIT/resize.py" <video.mp4> --size 1920x1080 [--fill blur] [--zoom 1.2].

Geschmack

• Ein kleiner Story-Beat (das Rutschen) pro Clip. Der Stil trägt es.
• Kein Stroboskop: das Neon-Dimmen, der REC-Punkt (1 Hz) und die Glitches sind kurz und verteilt.
• Text nie kleiner als 40 px, innerhalb von 90 px an den Seiten und 220 px oben und unten.