Willst du Claude richtig lernen? Von Grund auf, mit Setup, Skills und echten Projekten.

Zur SKAILE Academy →
Zur SKAILE Academy
Für Website-Designer · 3 Plugins · gratis

Mach aus Claude Code dein komplettes Design-Studio.

Wenn du Websites baust, sind das hier drei Claude-Plugins, die du dir installieren musst: Sie geben deiner Seite Apple-Style Scroll-Animationen, sie stoppen den typischen "KI-Look" und sie lassen Claude erst wie ein echter Designer planen, bevor eine Zeile Code entsteht.

Einzeln sind sie schon stark. Kombiniert machen sie Claude zu einem kompletten Design-Studio. Hier sind alle drei mit den genauen Befehlen zum Kopieren.

Was jedes einzelne macht.

Jedes löst ein anderes Problem. Zusammen ergeben sie den kompletten Design-Prozess: erst planen, dann bauen, dann bewegen.

01

scroll-world

Apple-Style Scroll-Animationen

Verwandelt deine Website in ein Scroll-Erlebnis, wie du es von den großen Apple-Produktseiten kennst: Elemente, die sich beim Scrollen bewegen, drehen und zusammensetzen. Genau die Technik, für die Agenturen normalerweise tausende Euro nehmen, hier als fertiges Plugin.

oso95/scroll-world · 5.000+ Sterne · MIT
02

taste-skill

Stoppt den KI-Look

Der Grund, warum KI-gebaute Seiten alle gleich aussehen: immer dieselben Schriften, immer derselbe lila Verlauf, immer dasselbe Layout. Taste-Skill gibt Claude echten Geschmack: eigene Typografie, durchdachte Farben, Layouts mit Charakter statt Standard-Baukasten.

Leonxlnx/taste-skill · 67.000+ Sterne · MIT
03

impeccable

Erst planen wie ein Designer, dann bauen

Lässt Claude erst einen kompletten Design-Plan aufstellen, feste Farben, Schriften, Abstände, bevor überhaupt eine Zeile Code geschrieben wird. Genau der Schritt, den echte Designer machen und den KI-Tools sonst überspringen.

pbakaus/impeccable · 49.000+ Sterne · MIT
Alles zum Kopieren

Alle drei installieren, in 5 Minuten.

Jedes Plugin installierst du mit zwei Befehlen in Claude Code: Marktplatz hinzufügen, dann installieren. Danach stehen dir die Befehle jedes Plugins zur Verfügung.

1 · scroll-world installieren

Gibt deiner Seite die Apple-Style Scroll-Animationen. Sag Claude danach einfach, welchen Bereich deiner Seite du animieren willst.

# Plugin installieren
/plugin marketplace add oso95/scroll-world
/plugin install scroll-world@scroll-world

# Danach Claude Code neu starten. Beispiel-Prompt:
Baue eine Scroll-Animation für den Hero-Bereich meiner Website
mit scroll-world, im Stil einer Apple-Produktseite.
2 · taste-skill installieren

Gibt Claude Geschmack statt Standard-Baukasten. Wirkt automatisch mit, sobald du Claude Designs oder Websites bauen lässt.

# Plugin installieren
/plugin marketplace add Leonxlnx/taste-skill
/plugin install taste-skill@taste-skill

# Danach Claude Code neu starten. Ab jetzt wendet Claude die
# Taste-Regeln automatisch an, wenn du Frontends oder Websites
# baust oder umgestaltest. Kein Extra-Befehl nötig.
3 · impeccable installieren

Lässt Claude vor dem Bauen einen festen Design-Plan aufstellen. Start jedes neuen Projekts mit dem init-Befehl.

# Plugin installieren (Claude Code)
/plugin marketplace add pbakaus/impeccable
# Danach /plugin öffnen und Impeccable aus der Liste installieren

# Startet jedes neue Projekt mit einem festen Design-Plan:
/impeccable init

# Weitere nützliche Befehle:
/impeccable audit      # Findet Design-Probleme in bestehendem Code
/impeccable colorize   # Führt gezielt Farbe ein
/impeccable typeset    # Fixt Schriftwahl und Hierarchie
/impeccable layout     # Fixt Abstände und visuellen Rhythmus
/impeccable animate    # Fügt sinnvolle Bewegung hinzu
/impeccable polish     # Letzter Feinschliff vorm Fertigstellen

Ehrlich, damit du nicht enttäuscht wirst: Alle drei Plugins sind kostenlose Community-Projekte (nicht offiziell von Anthropic), MIT-Lizenz. Sie ersetzen kein eigenes Gespür für Design, sie geben Claude aber die Leitplanken, die den Unterschied zwischen "sieht nach KI aus" und "sieht nach echtem Studio aus" ausmachen. Am stärksten wirken sie kombiniert: Erst impeccable für den Plan, dann taste-skill für den Feinschliff, dann scroll-world für die Bewegung.

Vom leeren Projekt zum Design-Studio.

So kombinierst du die drei Plugins in der richtigen Reihenfolge.

01

Alle drei installieren

Einmalig, 5 Minuten

Die drei Befehlspaare aus Box 1 bis 3 nacheinander in Claude Code eingeben, einmal neu starten. Ab jetzt stehen dir alle drei Plugins in jedem Projekt zur Verfügung.

02

Erst planen

/impeccable init

Bei jedem neuen Projekt zuerst impeccable den Design-Plan aufstellen lassen: Farben, Schriften, Abstände. Das ist das Fundament, auf dem alles andere aufbaut.

03

Dann bauen

taste-skill wirkt automatisch mit

Lass Claude die Website bauen. Taste-skill sorgt im Hintergrund dafür, dass dabei kein generischer KI-Look entsteht, sondern ein Design mit eigenem Charakter.

04

Zum Schluss bewegen

scroll-world für den Wow-Effekt

Wenn Design und Inhalt stehen, holst du scroll-world dazu und animierst die Bereiche, die beim Scrollen wirklich auffallen sollen. Nicht überall, nur an den starken Stellen.

SKAILE Community

Willst du Claude richtig lernen?

Diese drei Plugins sind erst der Anfang. In der SKAILE Community lernst du Claude Code von Grund auf: das richtige Setup, die besten Skills und Plugins, echte Projekte statt nur chatten. Genau für Leute, die gerade anfangen und es richtig machen wollen.