Skip to main content
Vibe Coding

AI-Slop-Design-Skills im Vergleich: Hallmark, Impeccable, taste-skill und unslop

Vier Design-Skills versprechen Coding-Agenten Seiten, die nicht nach KI aussehen. Wir haben alle vier auf dieselbe generische Landingpage einer fiktiven Winterthurer Schreinerei angewendet und zeigen die Ergebnisse nebeneinander, mit offenen Kriterien und ohne ungemessenen Sieger.

Daniel Müller8 Min. Lesezeit
AI-Slop-Design-Skills im Vergleich: Hallmark, Impeccable, taste-skill und unslop

Welcher Design-Skill hilft Coding-Agenten am besten gegen generisch wirkende Seiten? Diese Frage lässt sich mit einem einzelnen Test nicht seriös beantworten, wohl aber, wie unterschiedlich die vier bekanntesten Skills vorgehen und was sie an derselben Aufgabe sichtbar verändern. Genau das zeigen wir hier.

Ein Skill ist eine Sammlung von Markdown-Anleitungen, die ein Agent wie Claude Code bei passender Aufgabe lädt. Die vier getesteten Skills haben gemeinsam, dass sie typische KI-Muster benennen und verbieten; im Netz hat sich dafür der Begriff «AI-Slop» eingebürgert.

Die vier Kandidaten auf einen Blick

HallmarkImpeccabletaste-skillunslop
RepositoryNutlope/hallmarkpbakaus/impeccableLeonxlnx/taste-skillheydamir/unslop
Sterne (Stand 04.11.2026)47'499102'078109'8168'111
Getestete Version2.0.0, Commit de4999eSkill 4.8.0, Commit 695cea52.1.5, Commit 12af471Commit a6f121e
LizenzMITApache-2.0MITCC BY 4.0
AnsatzUntergrenze plus 50 Themes24 Design-Befehle plus DetektorArt Direction aus 20 RichtungenAudit, Richtung, neun Durchgänge
Stärkster Einsatz laut Anleitungneue Seiten, Redesign auf Zurufbestehende Oberflächenneue Seiten und App-Ansichtenbestehende generierte Oberflächen
Eigene SkripteTheme-Auswahl, Linter, CaptureEngine, Detektor, Live-ModusRichtungs-Draw, Bildsuche, InspectorSnapshot, Story-Video

Quelle der Zahlen: GitHub, abgefragt am 04.11.2026. Ausführliche Einzelartikel: Hallmark, Impeccable, taste-skill und unslop.

So haben wir getestet

Ausgangslage war eine LandingpageEine Landingpage ist eine eigenständige Webseite, die auf genau ein Ziel ausgerichtet ist — eine Anfrage, eine Buchung, einen Download oder einen Kauf — und…Mehr erfahren → der fiktiven «Schreinerei Holzwerk Muster, Winterthur», so wie ein Agent sie ohne Anleitung typischerweise baut: Inter in Gewicht 800, violett-blauer Verlauf mit Farbflecken, ein pulsierendes Badge «Neu: 3D-Planung», Verlaufstext in der Headline, drei Kennzahlen (500+, 25 Jahre, 100 %), drei Karten mit Emoji, ein Zitat mit fünf Sternen und ein Verlaufsbanner als Abschluss.

Jeder Skill bekam dieselbe Seite und wurde wörtlich nach seiner Anleitung angewendet: unslop als Entschlackung, Hallmark als «redesign», Impeccable mit «critique» und den empfohlenen Verfeinerungen bis «polish», taste-skill als Redesign mit gezogener Richtung. Fremden Code haben wir nicht ausgeführt. Wo ein Skill ein Skript verlangt, etwa für die Theme-Auswahl, haben wir den manuellen Weg gewählt, den die Anleitungen selbst vorsehen, oder den Schritt ausgelassen und das im jeweiligen Artikel offen vermerkt. Screenshots entstanden bei 1440 Pixeln Breite.

Fünf ganze Seiten nebeneinander: Baseline in Violett, Hallmark hell mit Serifen, Impeccable weiter in Violett, taste-skill in Nussbaumbraun und Tan, unslop hell mit Küchenplan
Ganze Seiten von links nach rechts: Baseline, Hallmark, Impeccable, taste-skill, unslop. Getestet am 04.11.2026, Versionen siehe Tabelle Fotos auf den Testseiten von Hallmark und taste-skill: Kambai Akau, Terasaface (CC BY-SA 4.0), CEphoto, Uwe Aranas (CC BY-SA 3.0), alle Wikimedia Commons.

Die Kriterien, offen gelegt

Wir vergleichen fünf Punkte, die sich am Ergebnis ablesen lassen. Punkte vergeben wir nicht.

1. Wie stark greift der Skill ein? Impeccable blieb am nächsten an der Vorlage, weil polish laut Anleitung ausdrücklich kein verstecktes Redesign ist; der violette Hero blieb, Verlaufstext, Badge und Emoji verschwanden. unslop behielt Abschnitte und Reihenfolge, änderte aber Farben, Schrift und Bild vollständig. Hallmark und taste-skill bauten die Komposition neu.

2. TypografieTypografie ist die Gestaltung mit Schrift: die Wahl der Schriftarten und ihre Anordnung in Grösse, Zeilenabstand, Zeilenlänge, Gewicht und Hierarchie. Im…Mehr erfahren →. Alle vier entfernten die Grossbuchstaben-Labels und die Überschriften in Gewicht 800. Hallmark setzte eine leichte Serifenschrift (Sentient), unslop eine schmale Serife nur für die Headline (Instrument Serif), taste-skill eine Slab-Schrift (Zilla Slab), Impeccable blieb bei Inter mit klarerer Rollenverteilung.

3. Farben. Hallmark, unslop und taste-skill leiteten die Farben aus der Welt einer Schreinerei ab: Kalkpapier, warmes Grau, Nussbaum und Tan. Impeccable behielt die Markenwelt der Vorlage, wie es seine Regel «die bestehende Welt bleibt» verlangt.

4. Bilder. unslop verlangt ohne Bildgenerator eine Produktansicht in Code; daraus wurde ein gezeichneter Küchenplan mit Massen. Hallmark setzte ein Foto aus seiner Bibliothek als Platzhalter-Druck, taste-skill verlangt mindestens vier echte Bilder und nutzte Fotos aus Wikimedia Commons. Impeccable fügte kein Bild hinzu.

5. Umgang mit nicht belegten Aussagen. unslop entfernte Kennzahlen und Sterne, weil sie nicht bestätigt waren. Hallmark und taste-skill behielten sie als Inhalt des Betreibers und setzten sie auf die Prüfliste, Impeccable verschob sie aus dem Hero und verlangt vor jeder Änderung eine Rückfrage. Für Schweizer KMU ist dieser Punkt wichtiger, als er aussieht: Wer mit Zahlen wirbt, muss sie belegen können.

Vier erste Bildschirme im Raster: oben links Hallmark, oben rechts Impeccable, unten links taste-skill, unten rechts unslop
Erster Bildschirm der vier Ergebnisse: Hallmark (oben links), Impeccable (oben rechts), taste-skill (unten links), unslop (unten rechts), getestet am 04.11.2026 Fotos auf den Testseiten von Hallmark und taste-skill: Kambai Akau, Terasaface (CC BY-SA 4.0), CEphoto, Uwe Aranas (CC BY-SA 3.0), alle Wikimedia Commons.

Was der Test nicht zeigt

  • Keine Prüfskripte. Linter und Browser-Messungen der Skills (sloplint, impeccable detect, inspect.mjs) liefen nicht. Aussagen wie «0 Fehler» können wir deshalb für keinen Skill machen.
  • Keine Wiederholung. Ein zweiter Lauf mit derselben Aufgabe könnte anders aussehen, besonders bei Hallmark und taste-skill, die Richtungen zufällig ziehen.
  • Kein Mobile-Test. Wir haben die Seiten bei 1440 Pixeln beurteilt.
  • Keine echte Firma. Fotos, Kennzahlen und Zitat sind Testmaterial.
  • Ein Modell. Alle Läufe stammen von Claude Opus 5.5. Andere Agenten könnten die Anleitungen anders umsetzen.

Und anatomy?

Der fünfte Skill aus dieser Gruppe, anatomy, passt nicht in diesen Vergleich: Er baut keine Seiten, sondern isometrische, bedienbare Illustrationen echter Maschinen. Er teilt aber die Grundhaltung der anderen vier: konkrete Dinge aus der Welt des Kunden statt abstrakter Kästchen.

Welcher Skill für welche Situation

  • Sie haben eine bestehende, generiert wirkende Oberfläche und wollen sie ruhiger machen: unslop, mit festen Durchgängen und klarer Checkliste.
  • Sie wollen eine bestehende Oberfläche bewerten und gezielt verbessern, ohne die Marke zu ändern: Impeccable mit critique, audit und polish.
  • Sie bauen eine neue Seite und wollen eine starke, stimmige Gestaltungswelt: Hallmark mit seinen Themes.
  • Sie bauen eine neue Seite und wollen eine Idee aus dem Kunden selbst, mit echten Bildern und einem bedienbaren Element: taste-skill, mit dem höchsten Zeitaufwand.

Alle vier heben die Untergrenze, keiner liefert die Inhalte. Wer eine Website braucht, die auf echten Fotos, belegten Aussagen und einer klaren Positionierung beruht, findet bei unserem Webdesign in Zürich den passenden Rahmen. Grundlagen zum Arbeiten mit Agenten stehen in unserem Artikel über Vibe-Coding.

Weitere Projekte aus dieser Serie finden Sie in der Übersicht über alle 20 GitHub-Trends vom November 2026.

Häufige Fragen

Was bedeutet AI-Slop im Webdesign?+

Gemeint sind Gestaltungsmuster, die auf sehr vielen KI-generierten Seiten gleich auftauchen: violett-blaue Verläufe, leuchtende Schatten, Emoji als Icons, kleine Labels in Grossbuchstaben über jeder Überschrift, drei gleiche Icon-Karten und austauschbare Werbetexte. Einzeln sind sie nicht falsch, zusammen wirkt die Seite unentschieden.

Welcher Skill ist der beste?+

Das sagen wir bewusst nicht. Unser Test ist eine Stichprobe von eins mit einer Aufgabe und einem Modell, und die Skripte der Skills liefen nicht. Die Skills verfolgen zudem unterschiedliche Ziele: Impeccable verfeinert Bestehendes, unslop entschlackt, Hallmark und taste-skill bauen neu.

Kann ich mehrere dieser Skills kombinieren?+

Technisch ja, inhaltlich mit Vorsicht. Die Regeln widersprechen sich teilweise, etwa bei Haarlinien, die Hallmark im Theme Atelier verlangt und taste-skill verbietet. Sinnvoll ist eher eine Abfolge, zum Beispiel ein Skill für den Bau und die critique von Impeccable für die Bewertung.

Ersetzen diese Skills eine Designerin oder einen Designer?+

Nein. Sie heben die Untergrenze und verhindern typische Fehler. Inhalte, Fotos, echte Kennzahlen und die Positionierung einer Firma liefern sie nicht. In unserem Test stammten die Fotos aus offenen Archiven und waren nur Platzhalter.

Über den Autor

Daniel Müller

Senior Developer & SEO-Stratege

Daniel Müller ist Senior Developer und SEO-Stratege bei DLM Digital in Zürich. Mit über 10 Jahren Erfahrung in Webentwicklung, SEO, GEO/AEO und KI-Integration begleitet er Schweizer KMU bei der digitalen Transformation. Im DLM Magazin schreibt er über KI, Vibe Coding und moderne Suchmaschinen-Sichtbarkeit.

Gratis SEO-Rechner

Wie oft sucht man nach Ihrem Angebot?

Leistung eintippen, Suchen pro Monat sehen, passende Begriffe wählen. Preis und Empfehlung gibt es gleich dazu.

Weiterlesen

Worktrunk: Git-Worktrees für parallele KI-Agenten

Worktrunk: Git-Worktrees für parallele KI-Agenten

Worktrunk ist ein Kommandozeilenwerkzeug, das Git-Worktrees so einfach macht wie Branches. Damit lassen sich mehrere Coding-Agenten parallel im selben Repository arbeiten, ohne sich gegenseitig Dateien zu überschreiben. Wir haben es installiert und einen ganzen Ablauf vom Anlegen bis zum Merge getestet.

Daniel Müller7 Min. Lesezeit
tstack erklärt: die Agent-Skills von Theo für Pull Requests

tstack erklärt: die Agent-Skills von Theo für Pull Requests

tstack ist die Sammlung von neun Agent-Skills, die der Entwickler und YouTuber Theo Browne nach eigener Aussage täglich nutzt. Sie führen Claude Code und Codex durch den ganzen Weg einer Änderung bis zum Pull Request. Wir haben den Skill modernize wörtlich auf einen veralteten Branch in einem Demo-Projekt angewendet.

Daniel Müller7 Min. Lesezeit