Kann ich Lucky Orange vibecoden?

Baue mir Klick- und Scroll-Heatmaps für die eigene Seite, mit Einwilligung als Grundlage. Anforderungen:

- Ein Node-22-Prozess mit Express, better-sqlite3 und sharp für die Bilderzeugung. Ein Browser-Schnipsel unter 3 KB.
- Der Schnipsel misst nichts, bevor eine Einwilligung vorliegt. Ohne sie bleibt er vollständig untätig, und das steht so im Code, nicht nur in der Beschreibung.
- Erfasst werden je Ereignis: Seitenpfad, Fensterbreite in Stufen von 100 Pixeln, relative Klickposition in Prozent der Seitenbreite und -höhe, und die maximale Scrolltiefe in Prozent.
- Relative Koordinaten sind Absicht: absolute Pixel sind bei unterschiedlichen Bildschirmen wertlos, und die Prozentangabe verrät nichts über die Person.
- Keine Mausbewegungen, keine Tastatureingaben, keine Formularinhalte, keine IP-Adresse. Was du nicht erhebst, musst du nicht schützen.
- Ein Befehl heatmap nimmt einen Screenshot der Seite über Playwright, legt die Klickdichte als farbigen Nebel darüber und schreibt ein PNG. Getrennt je Breitenstufe, denn ein Handy-Layout ist eine andere Seite.
- Eine Scrolltiefen-Grafik zeigt, welcher Anteil der Besucher wie weit kam, mit Markierungen an den Stellen, wo die stärksten Abbrüche liegen.
- Eine Mindestzahl von 50 Ereignissen, bevor eine Heatmap erzeugt wird. Ein Bild aus sieben Klicks führt in die Irre.
- Deutsch sind Oberfläche, Kommentare und README. Alle Bezeichner bleiben englisch: Tabellen, Spalten, Routen.

Bewusst weglassen:

- Sitzungsaufzeichnung und Wiedergabe.
- Live-Chat und Besucher-Ansprache.
- Erfassung ohne Einwilligung.