Du hast DESIGN unter dem Reel kommentiert? Dann bist du hier richtig.

Scroll CraftTaste SkillUI/UX Pro MaxEmil KowalskiImpeccableFünf Skills.
Direkt ausprobieren.

DESIGN-SKILLS FÜR CLAUDE

5 Skills.
Besseres Design.

Für deine Website oder App: der passende Skill, ein konkretes Beispiel und direkt zum Original.

Playbook herunterladen ↓5 kompakte Seiten · PDF · kostenlos

Folge Willi: Instagram YouTube TikTok

Die fünf Skills ansehen ↓
Nate Herk
01 / Scroll-Animationen

Scroll Craft

Bewegung beim Scrollen.

Claude baut scrollgesteuerte Animationen und räumliche Übergänge für deine Website.

Direkt in die PraxisDein Produkt rückt beim Scrollen nach vorn. Die passenden Vorteile erscheinen Schritt für Schritt.

Skill öffnen
Einrichtung & Einstieg

Installiere das Plugin über den Original-Link. Gib Claude deine Website-Texte, Produktbilder und die gewünschte Bewegung.

Eigene Bilder sind möglich. Optional erzeugte KI-Bilder und Videos können extra kosten.
Taste Skill
02 / Visuelle Richtung

Taste Skill

Ein eigener Look.

Gibt Claude eine klare Richtung für Schriften, Abstände und Layout. Für Websites, die nach deiner Marke aussehen.

Direkt in die PraxisDeine Beratungswebsite wirkt austauschbar? Gib Claude dein Logo, dein Angebot und zwei Designreferenzen.

Skill öffnen
Einrichtung & Einstieg

Installiere design-taste-frontend über das Repository. Starte mit deinem Website-Projekt und beschreibe die gewünschte Wirkung.

Der aktuelle Standard ist v2 und vom Autor als experimentell gekennzeichnet.
Next Level Builder
03 / Farben, Schriften und Layout

UI/UX Pro Max

Alles passt zusammen.

Hilft Claude bei Farben, Schriften, Layout und Barrierefreiheit. Für ein einheitliches Design deiner Website oder App.

Direkt in die PraxisStartseite, Kalender und Buchungsformular deiner App bekommen dieselben Farben, Schriften und Buttons.

Skill öffnen
Einrichtung & Einstieg

Richte den Skill über das Repository in Claude Code ein. Gib vorhandene Screens und deinen Technik-Stack mit.

Für Claude Code. Das vollständige Repository-ZIP ist kein fertiger Upload für den Claude-Webchat.
Emil Kowalski · Autor
04 / Animationen und Interaktionen

Emil Kowalski

Details, die sich gut anfühlen.

Verfeinert Animationen, Formulare und Interaktionen. Damit deine Oberfläche auch beim Benutzen überzeugt.

Direkt in die PraxisDein Kontaktformular bekommt klare Fehlermeldungen, Tastaturfokus und eine Bestätigung nach dem Absenden.

Skill öffnen
Einrichtung & Einstieg

Installiere emil-design-eng über den Original-Link. Lass Claude zuerst eine konkrete Komponente überarbeiten.

Bewegung soll Orientierung geben; Tastaturbedienung und reduzierte Animationen mitprüfen.
Impeccable
05 / Design prüfen und verfeinern

Impeccable

Der letzte Feinschliff.

Prüft und verbessert Hierarchie, Kontraste und Abstände. Für eine stimmigere Oberfläche auf Desktop und Handy.

Direkt in die PraxisDeine Angebotsseite ist fast fertig: Lass Claude unklare Buttons, schwache Kontraste und uneinheitliche Abstände verbessern.

Skill öffnen
Einrichtung & Einstieg

Wähle auf der Originalseite Claude Code. Starte mit einer Designprüfung und lass die konkreten Befunde beheben.

Quellen geprüft am 06.10.2026. Beispiele sind Anwendungsideen, keine hier durchgeführten Skill-Tests.

Stand 06.10.2026 · Original-Logos bzw. Anbieterbilder · Beispiele zur Anwendung

Weiter im Regal

Passend dazu.

Premium-Websites mit Claude CodeStand 17.09.3D-Premium-Website mit ClaudeStand 24.09.Claude Code – 5 PluginsStand 09.09.
Alle Anleitungen in der Bibliothek
Willi Neubauer

Deine nächste Aufgabe wartet.

In der Bibliothek findest du weitere Anleitungen, Skills und Tools mit konkreten Beispielen.

Zur Bibliothek ↗

Bald · meine KI-Community

Anleitung geschafft? Das ist dein nächster Schritt.

In meiner Community zeige ich dir, wie du dir mit Claude dein eigenes KI-System baust und immer auf dem neuesten Stand bleibst. Bei 100 Einträgen auf der Warteliste geht es los.

Auf die Warteliste