Das AI Museum

Jede Epoche ist ein Raum, und die Wände verändern sich mit der Zeit.

Fünf Wandfarben laufen von gealtertem Hellbraun bis nahezu Weiß, sodass sich die Gründerepoche beleuchtet anfühlt und die agentische Epoche klinisch. Das ist die gesamte Argumentation des Stücks, vorgetragen ohne einen einzigen Satz Text. Sie leistet außerdem strukturelle Arbeit: Man weiß an der Farbe der Wand hinter sich immer ungefähr, wo man sich in neun Jahren befindet, und das schafft kein Fortschrittsbalken. Jede Wand wurde gegen jeden Textton und jeden Akzent geprüft, der auf ihr vorkommt, schlechtester Fall 5,3:1.

Eine fehlende Parameterzahl ist das Exponat und wird nie geschätzt.

Sechzehn von einunddreißig Werken haben eine Parameterzahl veröffentlicht. Fünfzehn nicht. Das Diagramm zeichnet die fünfzehn als unbeschriftete Striche auf der Achse: vorhanden, ungemessen. Sie mit einem Gerücht zu füllen hätte eine glattere Kurve ergeben und die einzige Erkenntnis zerstört, die das Exponat hat, nämlich dass nach 2023 jede veröffentlichte Zahl zu einem Modell mit offenen Gewichten gehört und kein einziges geschlossenes Spitzensystem seine Größe genannt hat. Die Messung wurde nicht schwieriger. Sie wurde nicht mehr angeboten.

Das Diagramm trennt seine Reihen durch Form, nicht durch Farbe.

Offene Gewichte sind gefüllte Kreise, geschlossene Modelle leere. Die beiden zuerst gewählten Farbtöne sahen deutlich unterscheidbar aus und lagen in der relativen Leuchtdichte nur 1,07:1 auseinander, was bedeutet, dass sie in Graustufen und für rot-grün-blinde Leser verschmelzen. Farbe ist hier Schmuck, und die Form trägt die Bedeutung. Das Diagramm liefert außerdem eine vollständige Datentabelle und ein aria-label, das die Erkenntnis in Worten nennt, denn ein Diagramm, das niemand sehen kann, sollte trotzdem lesbar sein.

Kontrast wird berechnet, nie beurteilt.

Das dunkle Foyer war der schlimmste Fall und sah gut aus: Sein gedämpfter Text maß 4,03:1 und zwei Grautöne darunter 2,58:1 und 1,89:1. Ein einziger Durchlauf eines Skripts, das Hexwerte in relative Leuchtdichte umrechnet und die WCAG-Formel anwendet, fand vier Verstöße, die alles Hinsehen nicht entdeckt hatte. amber-700 war monatelang der dokumentierte Akzent bei 3,93:1 und ist jetzt projektweit verboten. Nichts davon ist Geschmackssache; es ist Rechnen, und es ist billig durchzuführen.

Das Besuchsgedächtnis liest localStorage als externen Speicher.

Festzuhalten, welche Exponate jemand gesehen hat, ist der Lehrbuchfall für useState plus useEffect, und diese Fassung ist falsch: Sie stellt einmal mit dem leeren Wert dar und korrigiert sich dann selbst, was ein sichtbares Aufblitzen ist und ein Hydration-Fehler, der nur darauf wartet. useSyncExternalStore bildet es richtig ab, und die Server-Momentaufnahme ist leer, sodass die Hydration immer übereinstimmt. Die Feinheit ist, dass getSnapshot eine stabile Referenz zurückgeben muss, wenn sich nichts geändert hat. Bei jedem Aufruf ein frisch geparstes Array zurückzugeben besteht die Typprüfung, übersteht das Review und stellt endlos neu dar.

function getSnapshot(): string[] {
  let raw: string | null = null;
  try {
    raw = window.localStorage.getItem(KEY);
  } catch {
    raw = null;
  }
  if (raw !== cachedRaw) {
    cachedRaw = raw;
    try {
      const parsed = raw ? JSON.parse(raw) : [];
      cachedList = Array.isArray(parsed)
        ? parsed.filter((x): x is string => typeof x === "string")
        : EMPTY;
    } catch {
      cachedList = EMPTY;
    }
  }
  return cachedList;
}

Reduzierte Bewegung braucht zwei Mechanismen, weil einer den anderen nicht erreichen kann.

Eine CSS-Regel für prefers-reduced-motion kann Framer Motion nicht anhalten, denn das animiert über JavaScript-Transformationen und schaut nie ins Stylesheet. Auch die View Transitions API zieht die Einstellung nicht von sich aus heran. Also legt sich das Museum eine Bewegungskonfiguration um, die die Nutzereinstellung berücksichtigt, und schaltet die Übergangsanimationen zusätzlich in CSS ab. Nur die CSS-Hälfte auszuliefern hätte im Code-Review richtig ausgesehen und für die Person, die darum gebeten hat, nichts bewirkt.

Ein Geschwindigkeitsgewinn wurde dreimal abgelehnt, und die Ablehnung ist festgehalten.

content-visibility: auto würde den einunddreißig Katalogzeilen wirklich helfen. Es ist trotzdem nicht aktiviert, denn diese Zeilen blenden sich über eine vom Sichtbereich ausgelöste Animation ein, und wenn der Browser die Darstellung aufschiebt, wird die Einblendung womöglich nie ausgelöst und lässt eine Zeile bei null Deckkraft stehen. Dieser Fehler ist im Server-HTML unsichtbar und lässt sich deshalb nicht auf dem Weg finden, auf dem hier alles andere geprüft wird. Es kommt hinein, nachdem jemand es in einem echten Browser beobachtet hat, und nicht vorher.

4,03:1

Das Kontrastverhältnis von Text, der vollkommen lesbar aussah.

Gefunden durch Rechnen und nicht durch Hinsehen, zusammen mit zwei schlimmeren Fällen bei 2,58:1 und 1,89:1 im selben Durchlauf. Jede Kombination aus Text und Hintergrund im Museum erfüllt heute WCAG AA. Die Größe der Tippziele stieg in derselben Prüfung von etwa 23 auf 44 Pixel, und auch das war unsichtbar, bis es gemessen wurde.

16 von 31

Werke, die überhaupt eine Parameterzahl veröffentlicht haben.

Die übrigen fünfzehn sind als unbeschriftete Striche gezeichnet statt weggelassen oder geschätzt. Nach 2023 gehören alle acht veröffentlichten Zahlen zu Modellen mit offenen Gewichten. Das Exponat ist die Lücke, und es existiert nur, weil das Datenmodell zulässt, dass ein Feld tatsächlich fehlt, statt es auf null zu setzen.

43 Seiten, 3 Arrays

Alles wird aus Daten erzeugt, nichts zweimal verfasst.

Dreiundvierzig Routen, die Sitemap, die strukturierten Daten, der Zeitstrahl der Startseite und die geführte Tour lesen alle aus denselben drei TypeScript-Arrays und zweiundvierzig typisierten JSON-Dateien. Ein Werk hinzuzufügen ist ein Array-Eintrag plus eine Datei.