Automatische visuelle Qualitaetspruefung fuer 3D-Szenen via Puppeteer-Screenshots. MUSS vor Abschluss jeder 3D-Arbeit ausgefuehrt werden. Prueft ob Modelle korrekt zusammengesetzt sind, Positionierung stimmt, und die Szene visuell funktioniert.
DIESEN SKILL VOR JEDER FERTIGMELDUNG VON 3D-ARBEIT AUSFUEHREN.
Bevor du 3D-Modelle aus Primitiven zusammensetzt, IMMER erst Referenzcode suchen:
"Three.js CapsuleGeometry character" / "R3F human figure primitives"args=[radius, cylinderHeight, capSegments, radialSegments]rotation=[PI/2, 0, 0] dreht auf Z-Achse (liegend)curl -s -o /dev/null -w "%{http_code}" http://localhost:5173/ || echo "not running"
Falls nicht laeuft: npm run dev starten.
node scripts/screenshot.mjs http://localhost:PORT output.png 5000
Das Bild mit dem Read-Tool oeffnen und pruefen:
Strukturelle Checks:
Visuelle Checks:
Falls ein Problem erkannt wird:
Nach jedem Fix erneut Screenshot nehmen und pruefen. Mindestens 2 Winkel muessen sauber aussehen.
Liegt in scripts/screenshot.mjs. Braucht Puppeteer (npm i -D puppeteer).
Parameter: node scripts/screenshot.mjs [URL] [OUTPUT] [WAIT_MS]
src/components/3d/automation/DebugDude.tsx -- isolierte Debug-Ansicht.
In App.tsx temporaer einbinden: import { DebugDude } from '...'
Kamera-Position in DebugDude.tsx aendern fuer verschiedene Winkel.
Nach Debug App.tsx zurueck auf AutomationPage setzen.