CoachingÜber michVideosBuchFAQKontakt
DE|EN
Kostenloses Erstgespräch

Die kurze Fassung

Die Ausgangslage kennt jeder, der eine Seite mit einem KI-Agenten gebaut hat: Sie funktioniert, die Farben stimmen, und trotzdem sieht man ihr an, wer sie gebaut hat. Dieselben Karten, dieselben Icons in Kreisen, dieselbe Handschrift. Lukas hatte sich damit arrangiert, Pareto-Prinzip, gut genug.

Der Taste Skill setzt genau da an. Der interessanteste Teil des Tests ist nicht das Redesign, sondern der Audit davor: Gut bewertet wird, was später teuer zu beheben ist, also Marke, Fotografie, Textstimme und Informationsarchitektur. Schlecht bewertet wird, was billig zu beheben ist, also Typografie, Layout-Monotonie und Motion. Die Empfehlung ist eine gezielte Weiterentwicklung des Stylesheets, keine neue visuelle Sprache.

Das Ergebnis überzeugt, aber es ist kein Selbstläufer. Der Videobereich blieb unberührt, eine Spalte sitzt schief, ein Abschnitt wurde zur Textwüste. Für rund eine halbe Stunde Agentenzeit und 10 bis 15 Minuten eigene Prüfung ist das Urteil trotzdem klar positiv.

Was du mitnimmst

  • Woran man einer Website ansieht, dass eine KI sie gebaut hat
  • Wie der Taste Skill installiert wird und was der Stack-Mismatch bedeutet
  • Warum der Design-Audit der wertvollere Teil ist als das Redesign
  • Wie die drei Szenarien sich unterscheiden und welches sinnvoll ist
  • Was sich konkret geändert hat, von der Schrift bis zu den Formularen
  • Wo der Skill danebenlag und was du selbst prüfen musst

Was sich auf der Seite geändert hat

BereichVorherNachherEinordnung
SchriftenInter plus Montserrat, zwei FamilienEine selbst gehostete Familie, GeistWeniger Ladegewicht, keine Google Fonts
StartseiteServices-Kacheln in alter ReihenfolgeSelbstständige zuerst, als große Kachel mit FotoPasst zur Hauptzielgruppe, war eine bewusste Entscheidung
ReferenzZitat stand im Services-BlockZitat steht in den TestimonialsBessere Stelle, Vertrauen gehört zu Vertrauen
FormularePlatzhalter im FeldSichtbare Labels über dem FeldBarrierefreier und beim Tippen nicht verschwunden
Ablauf-SchritteIcons in KreisenGroße ZahlenGenau der Icon-in-Kreis-Look, der nach KI aussieht
VideobereichKarten in BoxenUnverändertÜbersprungen, hier ist noch Arbeit offen

Wie du es selbst angehst

Der wertvollste Schritt ist nicht das Redesign, sondern der Audit davor. Diese Reihenfolge hat sich im Test bewährt.

Fordere zuerst nur den Audit an, ohne Änderungen. Lies ihn selbst und prüfe, ob du der Einschätzung zustimmst. Wähle dann genau ein Szenario aus und ignoriere die Zeitschätzungen. Lass ausschließlich lokal arbeiten, auf einem eigenen Branch. Geh danach Seite für Seite durch und prüfe besonders die Bereiche, die der Agent nicht erwähnt hat.

Häufige Fragen

Ein Satz Frontend-Design-Skills für KI-Coding-Agenten, gebaut, um generische Standardlayouts zu verhindern. In diesem Test lief sie in Claude Code gegen eine reine HTML-Seite.

Ja, mit Einschränkung. Das Plugin setzt größtenteils React und Tailwind voraus, Claude hat beim Installieren genau davor gewarnt. Die Checklisten und der Audit galten trotzdem für die reine HTML-Seite, und die Korrekturen lagen auf Template-Ebene.

Der Plan schätzte drei bis fünf Tage für das gewählte Szenario. Gedauert hat es etwa eine halbe Stunde Agentenzeit und rund 10 bis 15 Minuten eigene Arbeit zum Prüfen. Die Zeitschätzungen im Plan sind kein verlässlicher Maßstab.

Eine selbst gehostete Schriftfamilie statt zwei, neue Design-Tokens, Motion, eine neue Reihenfolge der Services-Kacheln, ein Zitat aus dem Services-Block in die Testimonials verschoben, sichtbare Formular-Labels statt Platzhalter und große Zahlen statt Icons in Kreisen.

Der Videobereich blieb unberührt, zwei Spalten hatten unterschiedliche Höhen und ein Abschnitt wurde zur Textwüste. Nichts davon ist dramatisch, aber jede Seite muss trotzdem selbst geprüft werden.

In diesem Test ja. Der nützlichste Teil ist der Audit, weil er trennt, was später teuer und was billig zu beheben ist. Sinnvoll ist, erst den Audit anzufordern, ihn selbst zu lesen und danach ein Szenario zu wählen, statt die ganze Seite auf einmal zu übergeben.

Kapitel-Zusammenfassung

Diese Seite nutzt eine redaktionelle Kapitel-Zusammenfassung. Die Untertiteldateien werden separat für YouTube gepflegt.

00:00 Was der Taste Skill verspricht

Der Taste Skill wird als Anti-Slop-Frontend-Framework für KI-Agenten beschrieben, das der KI guten Geschmack geben und sie von langweiligem Einheitsbrei abhalten soll. Lukas ordnet den Test in seine Reihe I tested it ein: keine Bezahlung, kein Affiliate-Link, sondern ausprobieren und ehrlich berichten.

00:31 Die Seite, an der ich sie teste

Getestet wird an der eigenen Website, die vollständig mit Claude gebaut wurde und das frühere Wix-Abo ersetzt hat. Das ist kein Spielprojekt, sondern die Seite, über die Anfragen hereinkommen. Damit steht auch etwas auf dem Spiel, wenn das Redesign danebengeht.

01:09 Warum KI-Seiten alle gleich aussehen

Wer einmal gesehen hat, wie Claude oder Codex Websites bauen, erkennt das Muster überall wieder. Eigene Farbschemata ändern daran wenig, die Struktur bleibt dieselbe. Lukas hatte sich damit arrangiert, nach dem Pareto-Prinzip: Die Seite sieht gut aus, die meisten Besucher merken nichts, und die Hero-Sektion gefällt ihm ohnehin.

01:54 Den Taste Skill in Claude installieren

Die Installation läuft über die GitHub-Seite und ist unkompliziert. Claude prüft das Repo und warnt vor einem Stack-Mismatch, weil das Plugin größtenteils React und Tailwind voraussetzt und ein Teil des Frontend-Designs bereits global installiert ist. Lukas lässt trotzdem installieren, global für alle Projekte, insgesamt 13 Skills, mit der Option zur Deinstallation.

03:00 Losgelassen auf meine Landingpage

Die Aufgabe geht an das Landingpage-Projekt in Claude Code, ausgeführt mit Fable. Lukas gibt den Auftrag und geht mit dem Hund spazieren, ohne das Ergebnis vorher anzusehen. Die Bewertung im Video passiert deshalb zum ersten Mal, gemeinsam mit den Zuschauern.

03:24 Der Audit: was gut war und was nicht

Der Audit ist der interessanteste Teil. Gut bewertet wird, was später teuer zu beheben ist: Marke, Fotografie, Textstimme, Informationsarchitektur, SEO. Schlecht bewertet wird, was billig zu beheben ist: Typografie, Layout-Monotonie, Motion und eine Handvoll KI-Marker. Die Empfehlung lautet gezielte Weiterentwicklung des gemeinsamen Stylesheets plus Neukomposition der acht Conversion-Seiten, keine neue visuelle Sprache. Die Schwachstellen liegen alle auf Template-Ebene, sind also einmal für die ganze Seite behebbar.

05:30 Drei Szenarien und meine Wahl

Vorgeschlagen werden drei Wege: nur CSS polieren, gezielte Weiterentwicklung oder eine komplett neue visuelle Sprache. Die Zeitschätzungen von ein bis zwei Tagen bis zu mehreren Wochen bezeichnet Lukas als unbrauchbar, weil ein Agent in Minuten arbeitet und nicht in Tagen. Er entscheidet sich für die mittlere Variante, obwohl er zuerst mit der kleinsten anfangen wollte.

06:50 Was Claude tatsächlich geändert hat

Claude zieht Fotos heran, die vorher ungenutzt im Projekt lagen. Einen Vorschlag lehnt Lukas ab: Video-Thumbnails auf die Landingpage zu holen ergibt aus Funnel-Sicht keinen Sinn, weil das Ziel Formular und Terminbuchung sind, nicht mehr Videoaufrufe. Gearbeitet wird ausdrücklich nur lokal.

08:19 Entscheidungen zum Bestätigen oder Ablehnen

Statt still durchzuregieren, legt der Agent seine Entscheidungen zur Bestätigung vor. Die größte ist die neue Reihenfolge der Services-Kacheln, passend dazu, dass Selbstständige jetzt die Hauptzielgruppe sind. Dazu kommen ein Zitat, das vom Services-Block in die Testimonials wandert, ein Button, der zum Textlink wird, damit nicht fünfmal derselbe blaue Button auf der Seite steht, sichtbare Formular-Labels statt Platzhalter und große Zahlen statt Icons in Kreisen.

09:05 Alt gegen neu auf localhost

Beim direkten Vergleich fällt sofort auf, dass die Schriften kleiner wirken als vorher. Lukas lässt das gleich nachbessern, per Sprachnachricht in den Chat diktiert. Danach überzeugt das Ergebnis: neue Effekte, wo vorher nichts war, ein stärkerer Einstieg, und die Unterseiten sehen deutlich weniger nach Baukasten aus.

11:26 Was schiefging oder übersprungen wurde

Nicht alles sitzt. Zwei Spalten haben unterschiedliche Höhen, ein Abschnitt wurde zur Textwüste, und der komplette Videobereich blieb unangetastet, inklusive der Karten in Boxen. Auch die Buchseite ist unverändert. Ein Schlagschatten gefällt Lukas nicht, den würde er zurückdrehen.

14:26 Fazit: Hype oder Fakt?

Für Lukas ist der Taste Skill Fakt und nicht nur Hype, und damit eine der wenigen Ausnahmen unter den Versprechen aus Reels und Shorts. Gemessen an rund einer halben Stunde Agentenzeit und 10 bis 15 Minuten eigener Prüfung ist das Ergebnis deutlich besser und sauberer als vorher. Zwei Daumen hoch, mit einem offenen Punkt: Ob die neue Schrift wirklich besser ist oder er nur an die alte gewöhnt war, hat er noch nicht entschieden.

Weiterlesen

Willst du KI sauber in deinen Arbeitsalltag bringen?

Ich arbeite 1:1 mit Selbstständigen, Beratern, Coaches und kleinen Teams an praktischen KI-Workflows, Automatisierung und eigenen Tools.

Kostenloses Erstgespräch buchen

Mehr Videos →