Taste-Skill im Test: Das Open-Source-Tool, das KI-generierte UI endgültig vom “KI-Geschmack” befreit
Das “KI-Geschmack”-Problem beim KI-Coding
Wer häufig KI-Coding-Tools wie Cursor, Claude Code oder Codex verwendet, kennt dieses Szenario:
Man bittet die KI, eine Landing Page zu schreiben, und der Code ist in drei Sekunden fertig. Vorschau öffnen—lila Farbverlauf, Inter-Schrift, drei gleich breite Karten, 16px Border-Radius, viel Whitespace. Bei einem anderen Projekt dasselbe Ergebnis.
Das ist der sogenannte “KI-Geschmack” (AI Slop). Es ist kein Code-Qualitätsproblem—die Logik kann völlig korrekt sein. Das Problem liegt in der visuellen Einförmigkeit: Alle KI-generierten Seiten sehen wie Variationen derselben Vorlage aus.
Die Ursache ist einfach: In den Trainingsdaten großer Sprachmodelle haben shadcn/ui-Templates, Tailwind-Standardfarben und Vercel-Style-Landing-Pages extrem hohes Gewicht. Wenn das Modell “unsicher” ist, greift es auf diese häufigen Muster zurück.
Was ist Taste-Skill
Taste-Skill ist ein Open-Source-Projekt von Leonxlnx mit 79.000+ GitHub Stars (Stand August 2026). Es injiziert Design-Geschmack in KI-Coding-Assistenten.
Technisch ist Taste-Skill keine Code-Bibliothek oder Figma-Plugin. Es ist eine Sammlung von Agent-Skill-Dateien—strukturierte Markdown-Anweisungen, die der KI sagen, welche Design-Prinzipien sie befolgen soll.
Kernfunktionen:
- Kompatibel mit allen gängigen KI-Coding-Tools: Cursor, Claude Code, Codex, Gemini CLI, v0, Lovable, OpenCode
- Ein-Befehl-Installation:
npx skills add https://github.com/Leonxlnx/taste-skill - 13 unabhängige Skills: für verschiedene Szenarien
- MIT-Lizenz: kommerzielle Nutzung erlaubt
Warum UI-Geschmack im KI-Zeitalter selten wird
Ein gegenintuitiver Punkt: Je mächtiger KI-Coding-Tools werden, desto wichtiger wird Design-Geschmack.
Wenn Code schreiben langsam war, hatten Entwickler Zeit für Design-Entscheidungen. Wenn KI eine ganze Seite in drei Sekunden generiert, werden diese Entscheidungen übersprungen. Das Modell “denkt” nicht darüber nach, ob die Seite Minimalismus oder Brutalismus verwenden soll.
Kernprinzipien von Taste-Skill
Drei Einstellknöpfe
| Parameter | Bedeutung | Niedrig | Hoch |
|---|---|---|---|
| DESIGN_VARIANCE | Layout-Experimentierfreude | Zentriert, symmetrisch | Asymmetrisch, modern |
| MOTION_INTENSITY | Animationstiefe | Nur Hover-Effekte | Scroll-gesteuert, magnetisch |
| VISUAL_DENSITY | Informationsdichte | Geräumig, viel Whitespace | Dicht, Dashboard-Stil |
Brief-Inferenz (v2)
v2 liest zuerst die Projektanforderungen:
- Projekttyp analysieren (SaaS? E-Commerce? Portfolio?)
- Zielgruppe und Branchenkonventionen ableiten
- Passendes Design-System wählen (Material, Carbon, Polaris, shadcn)
- Drei Knöpfe entsprechend anpassen
Harte Regeln
- Em-Dash-Verbot—übermäßige Gedankenstriche sind das offensichtlichste KI-Merkmal
- Strenger Pre-Flight-Check—muss Design-Qualitätsprüfungen bestehen
- Dual-Mode-Protokoll—Kontrast und Hierarchie müssen in Dark/Light konsistent sein
Installation
Alle Skills installieren
npx skills add https://github.com/Leonxlnx/taste-skillEinzelnen Skill installieren
npx skills add https://github.com/Leonxlnx/taste-skill --skill "design-taste-frontend"Unterstützte Tools
| Tool | Methode | Kompatibilität |
|---|---|---|
| Cursor | .cursor/skills/ Verzeichnis | ✅ |
| Claude Code | SKILL.md auto-loading | ✅ |
| Codex | Konversation oder npx | ✅ |
| Gemini CLI | SKILL.md Datei | ✅ |
| v0, Lovable, OpenCode | SKILL.md | ✅ |
13 Skills im Überblick
Code-Generierung
| Skill | Install-Name | Einsatz |
|---|---|---|
| taste-skill (v2) | design-taste-frontend | Allgemeiner Standard |
| gpt-tasteskill | gpt-taste | GPT/Codex, strengere Regeln |
| image-to-code-skill | image-to-code | Bild→Analyse→Code |
| redesign-skill | redesign-existing-projects | Bestehende Projekte auditieren |
| output-skill | full-output-enforcement | Verhindert halbfertige Ausgaben |
Visuelle Stile
| Skill | Install-Name | Stil |
|---|---|---|
| soft-skill | high-end-visual-design | Weich, Premium-Gefühl |
| minimalist-skill | minimalist-ui | Notion/Linear-Stil |
| brutalist-skill | industrial-brutalist-ui | Schweizer Typografie |
Bild-Generierung
| Skill | Install-Name | Zweck |
|---|---|---|
| imagegen-frontend-web | imagegen-frontend-web | Web-Design-Referenzen |
| imagegen-frontend-mobile | imagegen-frontend-mobile | Mobile-Interface-Referenzen |
| brandkit | brandkit | Brand-Visual-Boards |
Vergleich: Mit und ohne Taste-Skill
SaaS Landing Page
Ohne Taste-Skill: Lila-blauer Verlauf, Inter-Schrift, drei gleiche Karten, zentrierter CTA.
Mit Taste-Skill (v2): Skill inferiert Projekttyp → wählt shadcn/ui → asymmetrisches Hero → tiefblaue+bernsteinfarbene Akzente → Scroll-Animationen → höhere Informationsdichte.
Vergleich mit anderen Lösungen
| Lösung | Prinzip | Vorteil | Nachteil |
|---|---|---|---|
| Taste-Skill | Agent Skill Dateien | Universal, kombinierbar | Braucht Skill-kompatible Tools |
| Handgeschriebene Prompts | Design im Prompt beschreiben | Flexibel | Jedes Mal neu schreiben |
| UI-Komponentenbibliotheken | Vorgefertigte Komponenten | Sofort nutzbar | Nur bestehende Muster |
| Design Tokens | Farb/Schrift/Abstand-Variablen | Konsistent | Nur Variablen, kein Layout |
Fazit
Empfehlung: ⭐⭐⭐⭐½ (4,5/5)
Taste-Skill löst ein Kernproblem im KI-Coding-Zeitalter: Wenn Code-Generierung kein Engpass mehr ist, wird Design-Geschmack zum größten Mangel.
Es ist keine Magie—aber es bietet einen strukturierten Weg, damit KI bei der Frontend-Generierung Richtlinien hat, statt auf den “Durchschnitt” der Trainingsdaten zurückzufallen.
FAQ
1. Welche Beziehung haben Taste-Skill und shadcn/ui?
Keine direkte. shadcn/ui ist eine Komponentenbibliothek; Taste-Skill ist ein Design-Anweisungs-Set. Beide können kombiniert werden.
2. Kann ich Taste-Skill ohne Cursor oder Claude Code nutzen?
Ja. Jedes Tool, das SKILL.md unterstützt, kann es verwenden.
3. Verlangsamt Taste-Skill die KI-Generierung?
Kaum. Skill-Dateien sind reine Textanweisungen ohne zusätzliche API-Aufrufe.
4. Sollte ich v1 oder v2 wählen?
Direkt v2, es sei denn, Ihr Projekt hängt von v1-spezifischem Verhalten ab.
5. Kann Taste-Skill in Produktionsumgebungen verwendet werden?
Der Skill selbst beeinflusst nur die Entwicklungsphase und wird nicht in die Produktionsumgebung gepackt.
