Impeccable: Warum deine KI-Oberflächen alle gleich aussehen

Das Problem ist nicht dein Prompt allein

Wenn du Oberflächen mit KI-Coding-Agenten baust, kennst du vermutlich das Ergebnis: Es funktioniert, ist halbwegs ordentlich aufgebaut und sieht trotzdem verdächtig bekannt aus. Über einer Überschrift stehen drei kleine Icon-Kacheln. Darunter folgen Karten, in denen weitere Karten liegen. Die Headline könnte ebenso gut auf einer beliebigen Landingpage stehen. Und als Schrift erscheint wieder dieselbe vertraute Standardschrift.

Das ist kein Zufall und auch nicht zwingend ein Zeichen dafür, dass du schlecht formuliert hast. Die Modelle wurden auf ähnlichen Mustern trainiert: SaaS-Oberflächen, Komponentenbibliotheken, Produktseiten und Dashboards. Wenn ein Agent ohne konkretes gestalterisches Vokabular loslegt, greift er auf die wahrscheinlichsten Muster zurück. Das Resultat ist statistisch plausibel und gestalterisch oft ziemlich austauschbar.

Das typische KI-Frontend erkennt man daher weniger an einem einzelnen Detail als an einer Häufung: Karten in Karten, Icon-Kacheln über jeder Überschrift, vage Überschriften und immer dieselbe Schrift. Einzeln kann jedes dieser Elemente sinnvoll sein. Zusammen wirken sie häufig wie eine Oberfläche, die schon vor ihrer Veröffentlichung von allen anderen Oberflächen kopiert wurde.

Ein Skill statt noch mehr Prompttext

Impeccable setzt an dieser Stelle an. Es ist ein Design-Skill für KI-Coding-Agenten. Der entscheidende Punkt: Der Agent bekommt damit nicht nur die Anweisung, etwas „moderner“ oder „besser“ zu gestalten. Er bekommt ein Vokabular, um Gestaltung gezielter zu prüfen und zu verändern.

Der Skill umfasst 24 Befehle. Dazu gehören etwa polish, audit, critique und distill. Die Namen beschreiben unterschiedliche Arbeitsweisen: Eine Oberfläche verfeinern, sie prüfen, sie kritisch bewerten oder ein Design auf seine wesentlichen Entscheidungen reduzieren. Das ist nützlicher als ein pauschales „Mach das schöner“, denn Schönheit ist keine umsetzbare Anforderung.

Stattdessen kann der Agent gezielter mit Struktur, Hierarchie, Typografie und visueller Wiederholung arbeiten. Das garantiert kein gutes Produktdesign. Aber es verschiebt die Arbeit weg von generischen Standardmustern und hin zu konkreten Entscheidungen.

Der Detektor braucht kein Sprachmodell

Besonders praktisch ist der Erkennungsteil. Impeccable nutzt rund 60 feste Regeln, um typische KI-Muster zu finden. Dafür braucht es kein Sprachmodell und keinen API-Schlüssel.

Das ist für diese Aufgabe sinnvoll. Ob eine Überschrift zu vage ist oder ob sich Kartenebenen unnötig stapeln, muss nicht jedes Mal von einem Modell interpretiert werden. Solche Muster lassen sich in vielen Fällen regelbasiert prüfen. Das macht den Check reproduzierbar: Gleiche Oberfläche, gleiche Regeln, gleiche Hinweise.

Wichtig ist dabei die richtige Erwartung. Eine Regel kann dir sagen, dass ein Muster vorkommt. Sie entscheidet nicht automatisch, ob das Muster in deinem konkreten Produkt falsch ist. Eine Karte innerhalb einer Karte kann etwa eine sinnvolle visuelle Gruppierung sein. Sie kann aber auch nur deshalb existieren, weil ein Agent bei jedem Abschnitt vorsichtshalber einen Container angelegt hat.

Der Detektor ersetzt also kein Designurteil. Er liefert den Anlass, dieses Urteil überhaupt zu fällen.

So setzt du es ein

Die Installation erfolgt per npx direkt im Projekt, anschließend initialisierst du den Skill mit init. Danach lohnt sich nicht sofort ein großflächiger Redesign-Auftrag, sondern zunächst ein Audit des bestehenden Frontends.

Eine sinnvolle Reihenfolge sieht so aus:

1. Lass die Oberfläche prüfen und lies die Hinweise als Liste von Verdachtsfällen.
2. Prüfe bei jedem Fund, ob er eine fachliche oder visuelle Funktion erfüllt.
3. Entferne nicht pauschal alle Karten, Icons oder Abstände. Entscheide, welche Hierarchie wirklich nötig ist.
4. Nutze critique, um Alternativen zu den auffälligen Mustern zu erhalten.
5. Nutze polish erst danach für die Verfeinerung.

Angenommen, eine Produktseite beginnt mit drei gleich großen Icon-Kacheln und einer Überschrift wie „Alles, was du brauchst“. Der Detektor kann solche Muster markieren. Deine eigentliche Arbeit beginnt dann: Braucht die Seite überhaupt diese Kacheln? Sagen sie etwas Konkretes aus? Und beschreibt die Überschrift das Angebot, oder füllt sie nur Raum?

Open Source als Werkzeug, nicht als Geschmacksgarantie

Impeccable ist Open Source unter Apache-2.0 lizenziert und hat rund 78.000 Sterne auf GitHub. Das macht es zugänglich und sichtbar, ersetzt aber keine gestalterische Verantwortung. Auch ein guter Skill kann nicht entscheiden, welche Identität dein Produkt haben soll.

Genau darin liegt aber sein Wert: Er nimmt den Standardausweg ins Visuell-Generische unter die Lupe. Wenn du mit Agenten entwickelst, sollte Design nicht erst am Ende als Politur auftauchen. Es gehört in den Arbeitsablauf, inklusive Kritik an den Mustern, die das Modell besonders gern wiederholt.

Installiere es und lass den Detektor einmal über dein letztes KI-Frontend laufen.