Erst das, was nur dein Laden hat.
Laut README liest der Agent zuerst deinen Auftrag und schreibt auf, was nur dieser Kunde hat. Daraus entsteht später die Idee der Seite.
GITHUB REPO
Taste Skill ist ein kostenloses Open-Source-Repo (MIT) mit Agent Skills für Claude Code, Codex und Cursor. Dein Coding-Agent bekommt eine Stilrichtung, echte Bilder aus offenen Archiven und prüft seine Seite selbst im Browser, bevor er sie abgibt.
FEATURES
Laut README liest der Agent zuerst deinen Auftrag und schreibt auf, was nur dieser Kunde hat. Daraus entsteht später die Idee der Seite.
Ein Skript teilt dem Agenten drei von 20 recherchierten Stilrichtungen aus, er wählt eine. Grundlage ist laut README eine Studie aus 247 kuratierten Websites.
Fotos kommen aus offenen Sammlungen wie Wikimedia Commons, Openverse und dem Met. Angeboten werden nur Public Domain, CC0, CC BY und CC BY-SA, die Quellen setzt der Skill auf die Seite.
Der Agent öffnet seine Seite in einem echten Browser in drei Breiten und lässt sie durchfallen, wenn sie nach generischer KI-Seite aussieht (README: „fails it on slop“).
Danach schaut er sich die eigenen Screenshots an und behebt die drei größten Probleme, bis zu drei Runden lang.
Der Standard-Skill installiert nichts und braucht keine API-Keys, nur Node 22 oder neuer und Chrome, Edge oder Chromium. Internet braucht er nur für die Bildersuche.
USE CASES
Gib deinem Agenten einen Auftrag mit dem, was deinen Laden ausmacht, und lass Taste Skill Stil, Bilder und Prüfung übernehmen.
Laut README prüft der Skill eine bestehende Seite erst im echten Browser, bevor er etwas ändert. Danach geht es an Layout, Abstände, Hierarchie und Styling.
INSTALLATION
npx skills add https://github.com/Leonxlnx/taste-skill # Nur den Standard-Skill: npx skills add https://github.com/Leonxlnx/taste-skill --skill "design-taste-frontend"
# In Claude Code eingeben: /plugin marketplace add Leonxlnx/taste-skill /plugin install taste-skill@taste-skill # Später aktualisieren: /plugin update
SETUP
Du brauchst einen Coding-Agenten (Claude Code, Codex oder Cursor), Node 22 oder neuer und Chrome, Edge oder Chromium.
Mit npx skills add oder als Plugin, siehe Installation. Wer den Skill schon hat, führt den Befehl einfach erneut aus.
Beschreib deinen Laden und was ihn besonders macht. Laut README dauert ein Durchlauf etwa 30 bis 45 Minuten und braucht einige hunderttausend Tokens.
MASTER-PROMPT
Nutze den Skill design-taste-frontend (Taste Skill) und bau mir eine neue Website. Über mich: - Was ich mache: [z. B. Café mit eigener Rösterei in Hamburg-Ottensen] - Für wen: [z. B. Leute aus dem Viertel, die morgens schnell guten Kaffee wollen] - Was nur ich habe: [z. B. Röstmaschine im Laden, Bohnen von zwei Farmen, Hund an der Theke] - Was Besucher tun sollen: [z. B. Öffnungszeiten finden, Bohnen online bestellen, anrufen] - Inhalte, die rein müssen: [Seiten oder Abschnitte, Adresse, Preise, Kontakt] - Eigene Fotos oder Logo: [Pfad zum Ordner oder "keine, nimm offene Archive"] So arbeitest du: 1. Lies erst meinen Auftrag und schreib auf, was nur mein Laden hat. Stell mir Fragen, wenn etwas fehlt, bevor du baust. 2. Lass dir die Stilrichtungen austeilen, wähl eine und sag mir in einem Satz, welche Idee die Seite trägt. 3. Bau die Seite mit echten Bildern und setz die Quellenangaben auf die Seite. Eigene Fotos haben Vorrang. 4. Prüf die Seite im Browser in allen drei Breiten und bessere nach, bis sie nicht mehr nach Standard-KI-Seite aussieht. 5. Zeig mir am Ende die Screenshots und sag mir, wie ich die Seite lokal öffne. Erfinde keine Fakten über mich (Preise, Zahlen, Bewertungen). Wo etwas fehlt, setz einen klar markierten Platzhalter.
Nutze den Skill design-taste-frontend (Taste Skill) und überarbeite meine bestehende Website. Sie liegt hier: [Ordner im Projekt oder URL]. Über mich: - Was ich mache: [z. B. Malerbetrieb in Hamburg] - Für wen: [z. B. Hausverwaltungen und Privatkunden] - Was nur ich habe: [z. B. Meisterbetrieb in dritter Generation, eigene Gerüste] - Was Besucher tun sollen: [z. B. Angebot anfragen, anrufen] - Was bleiben muss: [z. B. Texte, Logo, Farben, Impressum, Domain-Struktur] - Was mich stört: [z. B. wirkt altmodisch, auf dem Handy unübersichtlich] So arbeitest du: 1. Ändere noch nichts. Öffne die Seite erst im Browser in allen drei Breiten und mach eine Bestandsaufnahme: was funktioniert, was wirkt generisch, was ist kaputt. 2. Zeig mir die drei größten Probleme mit Screenshots und deinen Plan. Warte auf mein Okay. 3. Überarbeite danach Layout, Abstände, Hierarchie und Styling. Inhalte, Links und alles unter "Was bleiben muss" bleiben gleich. 4. Prüf das Ergebnis wieder im Browser und bessere nach, bis es nicht mehr nach Standard-KI-Seite aussieht. 5. Zeig mir am Ende Vorher und Nachher als Screenshots und liste auf, welche Dateien du geändert hast. Mach vor dem ersten Schritt eine Sicherung (Git-Commit oder Kopie des Ordners). Erfinde keine Fakten über mich.
MEINE EINSCHÄTZUNG
Kostenloses Repo, läuft in Claude Code, Codex und Cursor, prüft die eigene Seite im Browser.
FAQ