Taste icon

Taste

Taste ist eine Claude Code-Funktion, die das Designgefühl einer Website per URL analysiert und in Design-Tokens plus Begründung überführt. Ausgabe als Markdown und JSON für AI agents und Entwickler-Tools.

Taste

Überblick

Taste ist eine Claude Code-Funktion zum Lesen des Designgefühls einer Website anhand einer URL. Sie verwandelt eine Seite in Design-Kontext, den ein AI agent nutzen kann, indem extrahierte Tokens mit der Begründung hinter den visuellen Entscheidungen kombiniert werden.

Laut der Homepage analysiert jeder Durchlauf eine Website in vier Durchgängen: Messungen, Muster, Taste-Ableitung und eine Beobachter-Prüfung. Das Ergebnis ist ein kompaktes Briefing mit einem vollständigen Token-Set und einer Reihe von Taste-Prinzipien, die erklären, wofür sich das Design entscheidet und worauf es verzichtet.

Funktionen

Vierstufige Analyse-Pipeline

Verarbeitet eine URL über vier Agentenrollen, sodass dieselbe Seite aus den Perspektiven Messung, Muster, Taste und redaktionelle Prüfung betrachtet wird.

Extraktion von Design-Tokens

Erfasst exakte Designwerte von der Seite, einschließlich Farben, Abstände, Radien, Schatten, Typografie und weiterer Messwerte in Pixeln, Hex-Werten und Verhältnissen.

Ausgabe mit Taste-Begründung

Leitet 4 Taste-Prinzipien ab, die die Designlogik hinter Entscheidungen erklären, einschließlich Auslöser, Entscheidung, Grund, Beleg und Kompromiss.

Qualitätsprüfung und Validierung

Führt eine Anti-Slop-Qualitätsprüfung aus, die JSON vor dem Schreiben der finalen Dateien validiert.

Doppelte Dateiausgabe

Schreibt pro Lauf zwei Ausgabedateien: eine `.md`-Zusammenfassung und eine `.json`-Datei, benannt nach der analysierten Domain.

Anwendungsfälle

  • Das Design einer Website reverse-engineeren

    Verwende Taste, wenn du eine bestehende Website untersuchen und die Design-Tokens sowie die Begründung extrahieren möchtest, die ihr visuelles System prägen.

  • Design-Kontext in einen AI agent einspeisen

    Verwende es, wenn du strukturierten Design-Kontext brauchst, den ein AI coding agent in Implementierungsentscheidungen oder Regeldateien umsetzen kann.

  • Wiederverwendbare Design-Artefakte erzeugen

    Verwende es, um ein Briefing und eine maschinenlesbare JSON-Datei für eine bestimmte Domain zu erzeugen und diese Ausgabe später erneut in Läufen oder Tools zu verwenden.

  • Analysen über Websites hinweg standardisieren

    Verwende es beim Vergleichen mehrerer Websites, wenn du konsistente Messkategorien und prinzipienbasierte Analyse statt subjektiver Notizen möchtest.

Pros and Cons

Pros

  • Verwendet einen strukturierten Multi-Pass-Workflow statt einer einfachen Ein-Pass-Zusammenfassung.
  • Erfasst konkrete Design-Messwerte mit exakten Werten statt Näherungen.
  • Verknüpft rohe Tokens mit Erklärungen, was einem AI agent helfen kann, die Designabsicht nachzubilden.
  • Stellt Ausgaben sowohl in Markdown als auch in JSON für die Weiterverarbeitung durch Tools bereit.
  • Enthält eine Qualitätsprüfung, um ungültige oder minderwertige Ausgaben herauszufiltern.

Cons

  • Die Preisseite ist in den erfassten Belegen nicht verfügbar, daher sind Preis- und Tarifstruktur nicht bestätigt.
  • Die Website dokumentiert ausdrücklich nur die Einrichtung für Claude Code und Gemini CLI, obwohl sie mehrere weitere Tool-Ziele erwähnt.

FAQ

Welche Plattformen unterstützt Taste?

Es scheint sich um eine Claude Code-Funktion zu handeln, die auch mit Gemini CLI verwendet werden kann. Auf der Homepage werden außerdem Ausgabe-Pfade für Cursor, Windsurf, GitHub Copilot, Bolt, Antigravity, v0 by Vercel, Figma und Lovable genannt, aber die Website zeigt ausdrücklich nur Einrichtungsbeispiele für Claude Code und Gemini CLI.

Wie sieht die Ausgabe aus?

Die Homepage beschreibt einen vierstufigen Ablauf: Messwerte aus einer Webseite extrahieren, Muster erkennen, Taste ableiten und einen Beobachter-Durchlauf ausführen, der das Ergebnis filtert. Das Endprodukt ist eine `.md`-Datei und eine `.json`-Datei für die analysierte Domain.

Wie verwendet man es?

Die Homepage zeigt eine dreistufige Einrichtung für Claude Code oder Gemini CLI: die Funktion in das entsprechende Skills-Verzeichnis klonen, Playwright MCP installieren und dann die CLI neu starten und `/taste` auf eine URL ausführen.

Für wen ist es gedacht?

Die Website sagt, dass die Funktion das Designgefühl jeder Website lesen und aus einer URL Design-Kontext erzeugen kann. Sie richtet sich an AI agents und Entwickler, die strukturierte Design-Tokens und Begründungen aus einer bestehenden Website gewinnen möchten.

Ist die Preisgestaltung verfügbar?

Die Preis-Seite unter `/pricing` liefert derzeit einen 404-Fehler, daher stellt die Website im erfassten Material kein veröffentlichtes Preismodell bereit.

Quick Facts

Kategorie
Developer Tool
Primäres Format
Claude Code-Funktion
Beispiel für unterstützte CLI
Claude Code, Gemini CLI
Quell-Domain
tastelab.xyz
Ausgabedateien
.md und .json
Preisgestaltung
Nicht in den erfassten Belegen veröffentlicht