Was ist Impeccable?
Impeccable gibt Coding-Agenten ein Design-Vokabular und eine Prüfung auf verbreiteten "AI slop" in Frontend-Code: überall Inter, lila Verläufe, Karten in Karten, grauer Text auf Farbe. Es wird als ein einziger Skill /impeccable mit 24 Befehlen installiert, etwa craft, audit, polish, typeset, layout und live.
Ausgangspunkt war der Skill frontend-design von Anthropic. Ein CLI-Detektor und eine Browser-Erweiterung wenden 62 deterministische Regeln an, ohne LLM oder API-Schlüssel, und ein Hook startet den Detektor, sobald der Agent UI-Dateien bearbeitet. Unterstützt werden 17 Agenten, darunter Claude Code, Cursor, Codex CLI, Gemini CLI und GitHub Copilot.
Lohnt sich Impeccable?
Impeccable verdient seinen Platz, weil es sich nicht allein auf den Prompt verlässt. Sein Detektor wendet 62 deterministische Regeln an, von lila Verläufen und verschachtelten Karten bis zu Zeilenlänge, gedrängtem Padding, kleinen Touch-Zielen und übersprungenen Überschriften, ohne LLM oder API-Schlüssel, und er endet mit Exit-Code 2, wenn er etwas findet, passt also direkt in CI. Das Repo hat rund 85.200 GitHub-Sterne, und CLI v4.7.0 erschien am 19. Oktober 2026 mit Scans von Desktop- und Webview-Apps über einen Chrome-Debugging-Port.
Das README sagt offen, was ein bestandener Lauf bedeutet: Ein sauberer Durchlauf ist "evidence, not proof" für visuelle Qualität oder Barrierefreiheit. Das Flag --github macht aus Befunden Annotationen in Pull Requests, wobei GitHub pro Schritt höchstens 10 je Typ anzeigt. /impeccable init schreibt eine PRODUCT.md, damit spätere Befehle Zielgruppe und Rahmenbedingungen kennen, und genau das unterscheidet es von einer Liste verbotener Schriften.
Manche Voreinstellungen brauchen Aufmerksamkeit. Wenn ein neues Design beginnt, bittet der Skill immer impeccable.style, eine Auswahl visueller Richtungen auszuteilen, und sofern du nicht widersprichst, hält er auch fest, welche Option gewonnen hat, nie jedoch Projektnamen, Dateien oder Code. In Claude Code läuft der Hook auch dann, wenn du den Tool-Aufruf des Agenten ablehnst, das Engine-Binary kann also trotzdem nach ~/.impeccable/bin heruntergeladen werden. Der Live-Modus kann ein Skript aus package.json mit deinen Rechten ausführen und gehört deshalb nur in vertrauenswürdige Checkouts.
Es neben einem anderen Anti-Slop-Skill laufen zu lassen, ist keine gute Idee, wie SSD Nodes anmerkt, weil beide bei jeder Frontend-Anfrage mit widersprüchlichen Regeln anspringen. Verglichen mit dem Skill frontend-design von Anthropic, aus dem es hervorgegangen ist, tauscht Impeccable eine einzelne Prompt-Datei gegen ein Binary, Hooks und einen Netzwerkaufruf: mehr Maschinerie, als ein backendlastiges Team für die gelegentliche Admin-Seite braucht.
Wo es sich lohnt
Eine Frontend-Leiterin bei einem Start-up mit 10 Leuten, deren von Agenten gebaute Seiten alle gleich aussehen
Dem Agenten ein Design-Vokabular geben und generische Muster vor dem Review abfangen
npx impeccable install ausführen, dann /impeccable init, um PRODUCT.md zu schreiben; craft für neue Oberflächen und polish vor dem Merge nutzen. Kostenlos; die Kosten sind die zusätzlichen Agenten-Runden, die jeder Befehl verbraucht.
Ein Design-Systems-Engineer, der eine Komponentenbibliothek pflegt
AI-Slop-Muster in Pull Requests blockieren
npx impeccable detect --github src/ in CI aufnehmen; es endet bei Befunden mit 2 und annotiert den Diff. Eine Markenschrift wie Inter lässt sich mit ignores add-value freistellen, statt die Regel abzuschalten.
Eine Designagentur, die einem potenziellen Kunden ein Redesign vorschlägt
Die Live-Website des Kunden vor dem Pitch prüfen
npx impeccable detect https://client.example scannt die gerenderte Seite über ein lokales Chrome und listet die Befunde. Ein sauberes Ergebnis ist ein Indiz, kein Beweis, also prüft eine Designerin es trotzdem über verschiedene Viewports.
Bevor du dich festlegst
- Einrichtung
- npx impeccable install im Projektstamm erkennt installierte Agenten und schreibt den Skill plus einen Hook; dann /impeccable init ausführen. Node wird nur für npx gebraucht; das Engine-Binary wird einmalig nach ~/.impeccable/bin heruntergeladen.
- Integrationen
- 17 Agenten, darunter Claude Code, Cursor, Codex CLI, Gemini CLI, GitHub Copilot und Grok Build; eine Erweiterung im VS Code Marketplace; eine Browser-Erweiterung; JSON- und GitHub-Actions-Ausgabe für CI.
- Daten und Datenschutz
- Jedes neue Design fragt impeccable.style nach visuellen Richtungen; ohne Widerspruch wird festgehalten, welche gewonnen hat, nie Projektnamen, Dateien oder Code. Abschalten mit npx impeccable telemetry off, DO_NOT_TRACK=1 oder einer Einstellung auf Projektebene. Apache-2.0; keine veröffentlichten Security Advisories.
- Kosten im großen Maßstab
- Kostenlos und Open Source ohne bezahlte Stufe; die Kosten sind die Modellnutzung für die zusätzlichen Design-Befehle, und CI-Scans laufen lokal ohne API-Ausgaben.
- Grenzen
- URL-Scans können Cross-Origin-CSS ohne CORS nicht lesen; der Live-Modus funktioniert nur mit lokalen Checkouts und führt ein Skript aus package.json aus; Cursor und Gemini CLI brauchen für Skills Nightly- oder Preview-Builds.
Was gut ist
- Deterministischer Detektor mit 62 Regeln und Exit-Codes für CI
- Annotationen für GitHub Actions und JSON-Ausgabe
- Unterstützt 17 Agenten
- Häufige Releases
Was nicht
- Telemetrie standardmäßig an
- Kontaktiert impeccable.style bei jedem neuen Design
- Hook kann ein Binary herunterladen, auch wenn du einen Befehl ablehnst
- Verträgt sich nicht mit anderen Design-Skills
Am besten für
Entwickler, deren Agenten Frontend-Oberflächen bauen und die wollen, dass diese weniger generisch aussehen.
Alternativen zu Impeccable
Impeccable: häufige Fragen
- Lohnt sich Impeccable?
- Ein echter Detektor und ein gemeinsames Design-Vokabular machen dies zu dem Design-Skill, der die Installation lohnt, sofern du die Telemetrie abschaltest und es der einzige Design-Skill im Projekt bleibt. Wir bewerten es mit 4.3 von 5.
- Was kostet Impeccable?
- Kostenlos und Open Source (Apache-2.0).
- Welche Nachteile hat Impeccable?
- Telemetrie standardmäßig an; Kontaktiert impeccable.style bei jedem neuen Design; Hook kann ein Binary herunterladen, auch wenn du einen Befehl ablehnst; Verträgt sich nicht mit anderen Design-Skills.
- Für wen eignet sich Impeccable?
- Entwickler, deren Agenten Frontend-Oberflächen bauen und die wollen, dass diese weniger generisch aussehen.
- Was kostet Impeccable für ein Team oder im Produktivbetrieb?
- Kostenlos und Open Source ohne bezahlte Stufe; die Kosten sind die Modellnutzung für die zusätzlichen Design-Befehle, und CI-Scans laufen lokal ohne API-Ausgaben.
- Ist Impeccable sicher für Firmendaten?
- Jedes neue Design fragt impeccable.style nach visuellen Richtungen; ohne Widerspruch wird festgehalten, welche gewonnen hat, nie Projektnamen, Dateien oder Code. Abschalten mit npx impeccable telemetry off, DO_NOT_TRACK=1 oder einer Einstellung auf Projektebene. Apache-2.0; keine veröffentlichten Security Advisories.
- Was sind die besten Alternativen zu Impeccable?
- Die nächsten Alternativen, die wir getestet haben, sind Anthropic Skills, Agent Skills (Addy Osmani) und OpenDesign.
Antworten geprüft am 26. Okt. 2026.