Impeccable einbauen — damit deine Seite nicht mehr nach KI aussieht.
Impeccable ist ein kostenloses Werkzeug für KI-Agenten. Es kennt 64 Muster, an denen jeder sofort erkennt, dass eine KI die Seite gebaut hat: das cremige Beige, die kursive Serifen-Überschrift, die Karte in der Karte. Es findet diese Muster in deiner Seite und tauscht sie aus. Hier stehen der Einbau, die wichtigsten Befehle, der Live-Modus im Browser und die Stellen, an denen es hakt.
Du hast SLOP kommentiert und den Link per DM bekommen? Genau richtig — das hier ist die komplette Anleitung aus dem Video.
Bevor du startest
Was du brauchst
- Node in Version 22.12 oder neuer. Darunter läuft der Installationsbefehl nicht durch.
- Ein Agent, der Skills lesen kann: Claude Code, Cursor, Codex CLI oder Gemini CLI. In GitHub Copilot steckt Impeccable schon drin, dort schaltest du es unter „Settings“ und „Experimental“ frei.
- Eine Seite oder ein Projekt zum Draufhalten. Fertig muss es nicht sein, halbfertig reicht völlig.
Die Muster, an denen du KI-Design erkennst
Eine KI-gebaute Seite wirkt nicht billig, weil das Modell schlecht wäre. Ihm hat nur nie jemand Maßstäbe gegeben, also greift es bei jedem Auftrag zu denselben Griffen. Impeccable hat 64 dieser Griffe aufgeschrieben und ihnen Namen gegeben. Diese acht begegnen dir am häufigsten:
- Das cremige Beige als Hintergrund, in fast jedem Entwurf derselbe Farbton.
- Die kursive Serifen-Überschrift, die den Text wichtig aussehen lassen soll.
- Karte in Karte in Karte, also drei Rahmen um denselben Inhalt.
- Abschnitte, die mit 01 · 02 · 03 durchnummeriert sind.
- Das Mini-Etikett über der Überschrift, gern mit Introducing darin.
- Der pulsierende Punkt, der nichts anzeigt und nur als Deko dasteht.
- Überall derselbe weiche Schatten, unter jedem Kasten identisch.
- Lila- und Blauverläufe, als Hintergrund oder hinter der Schrift.
Die vollständige Sammlung liegt offen auf impeccable.style/slop. Der Nutzen dieser Liste hängt nicht am Werkzeug: Wenn du deine eigene Seite ansiehst und drei davon wiederfindest, weißt du schon, woran du bist.
Was Impeccable daraus macht
Impeccable beschreibt sich selbst als die fehlende Gestaltungs-Sprache für Agenten: ein Skill, 23 Befehle und eine gepflegte Sammlung von Mustern, die es aus deinem Projekt heraushalten will. Der Agent bekommt damit nicht den Rat, es hübscher zu machen, sondern eine Liste konkreter Dinge, die er nicht tun darf, und Ersatz für jeden Fall.
Das Werkzeug ist kostenlos und quelloffen unter der Apache-2.0-Lizenz. Der Quellcode liegt auf github.com/pbakaus/impeccable, die Seite dazu ist impeccable.style. Am 15. August 2026 standen dort 59.334 Sterne.
Impeccable einbauen
Ein Befehl im Terminal, im Ordner deines Projekts:
npx impeccable install
Danach startest du deinen Agenten und richtest das Werkzeug im Projekt ein:
/impeccable init
Voraussetzung ist Node 22.12 oder neuer. Für Claude Code gibt es zusätzlich den Weg über das Plugin-Verzeichnis mit /plugin marketplace add pbakaus/impeccable. Und wer eine Umgebung nutzt, für die keine eigene Fassung gebaut wird, nimmt npx skills add pbakaus/impeccable. Diese Allzweck-Fassung kann laut Hersteller alles, ist aber auf keine Umgebung zugeschnitten.
Der erste Durchlauf über eine bestehende Seite
Fang mit Prüfen an, nicht mit Ändern. Zwei Befehle liefern dir den Befund:
/critique /audit
/critique ist die Design-Kritik und gibt dir eine Punktzahl dazu. /audit prüft technisch und sortiert die Funde nach Schweregraden von P0 bis P3, du siehst also sofort, was dringend ist und was Geschmackssache.
Erst danach lässt du ändern. /polish räumt eine fertige Seite auf, /distill streicht radikal weg, was die Seite nicht braucht. Geh dabei nicht alles auf einmal an. Ein Fund, eine Änderung, ein Blick auf das Ergebnis.
Im Browser entscheiden statt im Terminal
Der Live-Modus ist die auffälligste Neuerung in Version 4.0, weil du das Terminal dafür verlässt:
/impeccable live
Deine Seite öffnet sich im Browser. Du klickst ein Element an, sagst, was damit passieren soll, und bekommst bis zu vier Varianten nebeneinander gestellt. Mit einem Klick auf „Accept“ landet die gewählte Variante im echten Quellcode. Du beschreibst also nicht mehr in Worten, was du meinst, sondern zeigst darauf.
Die Befehle, sortiert nach dem, was du willst
Insgesamt sind es 23, aufgeteilt in fünf Gruppen. Seit Version 4.0 musst du keinen davon auswendig können, du sagst einfach, was du willst. Wenn du gezielt arbeiten möchtest, sind das die nützlichsten:
- /impeccable shape denkt die Seite durch, bevor gebaut wird.
- /typeset kümmert sich um Schrift und Zeilen, /layout um die Anordnung.
- /colorize setzt die Farben, /animate und /delight die Bewegung.
- /bolder und /quieter drehen die Lautstärke der Gestaltung hoch und runter.
- /clarify schreibt unverständliche Texte um, /adapt passt die Seite an andere Bildschirme an.
- /optimize und /harden gehen an Geschwindigkeit und Robustheit.
Warum jede KI-Seite gleich aussieht
Version 4.0 heißt beim Hersteller „Richtung per Würfel statt nach Geschmack“, und der Satz dahinter erklärt das ganze Problem: Das Modell wählt nicht mehr seinen eigenen Liebling. Stattdessen werden geprüfte Gestaltungswelten ausgeteilt, über 170 an der Zahl, und die treten gegen die Idee an, die das Modell von sich aus gehabt hätte. Was gewinnt, wird kompromisslos durchgezogen.
Vor dem Code entstehen dabei erst eine Gestaltungstafel und ein Erstentwurf. Der Bau schreibt anschließend einen Fünf-Punkte-Vertrag in den Dateikopf und wird danach dagegen geprüft. Seit der Nachbesserung 4.0.1 läuft am Ende zusätzlich ein zweiter Agent mit, der gegenprüft, ob wirklich gebaut wurde, was vereinbart war.
Prüfen, ohne den Agenten zu starten
Zwei Wege gehen auch ohne Agenten, und beide zeigt kaum jemand.
Die Chrome-Erweiterung legt den Prüfer als Ebene über jede beliebige Seite und markiert die Muster direkt im Bild, mit Namen. Das funktioniert auch bei einer fremden Seite, an deren Code du gar nicht herankommst.
Und für den Bau gibt es die maschinelle Prüfung:
npx impeccable detect src/
Sie liefert das Ergebnis als JSON und setzt einen Abbruch-Code. In einer automatischen Prüfstrecke kann sie damit einen Pull-Request scheitern lassen, sobald wieder KI-Muster im Code stehen.
Was der erste Durchlauf nicht leistet
Ein Werkzeug, das genau eine Schablone beherrscht, liefert dir zuverlässig eine hübsche Seite dieser einen Sorte. Impeccable gibt dir mehr Spielraum, und damit auch mehr Gelegenheit, danebenzugreifen. Chase AI, dessen Video das Werkzeug im August groß gemacht hat, sagt es in genau diesem Video selbst: Man müsse sich von der Vorstellung lösen, das sei eine Ein-Schuss-Sache. Wer nach dem ersten Ergebnis aufhört, sieht das Beste davon nie.
Der zweite Vorbehalt betrifft das Geld. Der Skill bleibt kostenlos und quelloffen, daran ändert sich nichts. Der wachsende Stapel an Gestaltungswelten wandert dagegen in das kostenpflichtige Impeccable Pro. Dort stand am 15. August 2026 eine Warteliste und kein Preis.
Erfolgs-Check
Das hast du jetzt
- Du kannst benennen, warum eine Seite nach KI aussieht, auch ohne das Werkzeug zu installieren.
- Dein Agent prüft bestehende Seiten gegen 64 dokumentierte Muster und schreibt dir die Funde mit Schweregrad hin.
- Du entscheidest Design im Browser am Element, statt im Terminal Sätze über Design zu tippen.
- Du weißt, welcher Teil kostenlos bleibt und welcher in ein Bezahl-Angebot wandert.
Zeig mir, was dabei herauskommt. Kommentiere unter dem Reel oder tagg mich, ich schau es mir an.
Kurz beantwortet
Häufige Fragen
Was kostet Impeccable?
Der Skill selbst nichts. Er steht unter der Apache-2.0-Lizenz offen auf GitHub, du kannst ihn lesen, nutzen und verändern. Geld ins Spiel bringt nur der Nachschub: Der wachsende Stapel geprüfter Gestaltungswelten wandert in das kostenpflichtige Angebot „Impeccable Pro“. Dort gab es am 15. August 2026 nur eine Warteliste und keinen genannten Preis.
Brauche ich dafür Claude Code?
Nein. Impeccable läuft unter anderem in Claude Code, Cursor, der Codex CLI und der Gemini CLI. In GitHub Copilot ist es ab Werk eingebaut, dort sparst du dir die Installation und schaltest es in den Einstellungen unter „Experimental“ frei. Für jede Umgebung wird eine eigene Fassung gebaut, weil jedes Modell eigene Marotten hat: Die Gemini-Fassung verbietet die Bildbewegung beim Überfahren mit der Maus, die Codex-Fassung die durchsichtigen Geisterkarten und die zu runden Ecken.
Funktioniert das auch an einer Seite, die ich nicht selbst gebaut habe?
Für den Blick von außen ja. Die Chrome-Erweiterung legt den Prüfer als Ebene über jede beliebige Seite und markiert dort die Muster, auch bei einer fremden Seite. Ändern kann der Agent natürlich nur Code, an den er herankommt.
Warum sehen so viele KI-Seiten gleich aus?
Weil das Modell ohne Vorgabe immer wieder zu seinem eigenen Liebling greift, und der ist bei allen ähnlich. Genau hier setzt Version 4.0 an: Statt der Lieblings-Idee des Modells werden geprüfte Gestaltungswelten als Herausforderer ausgeteilt, über 170 Stück. Die Richtung, die sich durchsetzt, wird dann konsequent durchgezogen.
Reicht ein Durchlauf?
Nein, und das ist die ehrlichste Warnung zu diesem Werkzeug. Skills, die genau eine Schablone beherrschen, liefern zuverlässig ein hübsches Ergebnis dieser einen Sorte. Impeccable gibt dir mehr Spielraum und damit auch mehr Gelegenheit, danebenzugreifen. Rechne mit mehreren Runden und mit einer Zwischenkritik, bevor du zufrieden bist.
Wie viele Muster prüft es automatisch?
Dokumentiert sind 64. Davon prüft der Befehl ‹npx impeccable detect src/› 59 maschinell nach festen Regeln, gibt das Ergebnis als JSON aus und setzt einen Abbruch-Code. Damit lässt sich ein Pull-Request scheitern lassen, wenn wieder KI-Muster hineingerutscht sind.
Wer steckt dahinter?
Paul Bakaus, auf GitHub als ‹pbakaus› unterwegs, dort seit 2008 und vormals bei Google. Das Repository gibt es seit dem 16. November 2025, am 15. August 2026 standen dort 59.334 Sterne, 3.629 Kopien und 52 offene Vorgänge. Am selben Tag wurde dort zuletzt Code eingecheckt, das Projekt wird also aktiv gepflegt.
Jedes Video hat sein eigenes Keyword — du findest es im Video und in der Caption. Kommentier es, und die Anleitung landet automatisch in deinen DMs. Kostenlos, ohne Anmeldung.
Folg @ramzi_goessing für tägliche Agent-Demos →