Website Builder Premium: Bewegung auf Agentur-Niveau
Enthält den kompletten Website Builder und ergänzt Preloader, Masken-Reveals, Scroll-Szenen, Parallax und einen 3D-Hero – mit Standbild, sobald Bewegung reduziert ist.
Was du davon hast
Drei Stile zur Wahl
Ruhig (Masken, weiches Scrollen, Seitenübergänge), bewegt (zusätzlich Preloader, Scroll-Szenen, Parallax) oder 3D (zusätzlich 3D-Hero).
Keine fremden Server
Die Bibliotheken werden beim ersten Bau in festen, per Prüfsumme gesicherten Versionen nach website/vendor/ geladen – die fertige Seite ruft nichts Fremdes auf.
Barrierefrei gedacht
Ohne JavaScript ist alles sichtbar, bei „Bewegung reduzieren“ steht alles still und der 3D-Hero wird zum Standbild.
Was drin ist
- Alles aus dem Website Builder
- 7 Premium-Bausteine: Preloader, Masken, Scrollen, Szenen, Interaktionen, 3D-Hero, Seitenübergänge
- vendor.mjs: lädt GSAP, ScrollTrigger, Lenis und three.js lokal (inkl. LIZENZEN.txt)
- Erweiterte Prüfung: Bibliotheken lokal, keine externen Skripte, JavaScript-Budget, reduzierte Bewegung
- Screenshots mitten in der Animation, in der Scroll-Szene und mit reduzierter Bewegung
Voraussetzungen
- Claude Code mit eigenem Anthropic-Konto (Nutzungskosten nicht im Preis enthalten)
- Node.js 20 oder neuer
- Beim ersten Bau Internet (Bibliotheken und Prüf-Browser)
- Zum lokalen Ansehen ein kleiner Webserver, z. B. „npx serve website“
So läuft es ab
Installieren
ZIP entpacken, Ordner nach ~/.claude/skills/ kopieren, Claude Code starten.
Stil wählen
Zum Beispiel: „Bau mir eine Premium-Website für mein Architekturbüro in Hamburg. Stil Premium 3D.“
Plan bestätigen
Höchstens eine Rückfrage zu Leistungen, Kontakt, Fotos und Stil, dann der kurze Plan.
Bauen und prüfen
Der Skill wählt passende Bausteine je Branche – nicht alles auf einmal – und prüft Budget und Bewegung.
Live schalten
Ordner website inklusive vendor/LIZENZEN.txt hochladen.
Stil-Referenz
Stil-Referenz (fiktiver Betrieb): Fahrzeugaufbereitung „Halle 4“, eine Scrollytelling-Website mit Videoszenen, mit Claude Code gebaut. Sie zeigt die Richtung, in die Premium geht – sie ist nicht mit dem Skill selbst erzeugt. Videos: Pexels (kommerzielle Nutzung frei). Original-Screenshots, verkleinert.
89 € 59 € −34 %
Einführungsrabatt bis 31.12.2026 · regulär ab 01.01.2027: 89 € · inkl. MwSt.
Einmal kaufen, kein Abo.
Auch im Creator-Bundle für 89 € statt 139 € (−36 %, Einführungsrabatt bis 31.12.2026) enthalten.
Lizenz: eine Person, beliebig viele eigene und Kundenprojekte; den Skill selbst nicht weitergeben. Lizenz · Widerruf · AGB
Häufige Fragen
Brauche ich den Website Builder zusätzlich?
Nein. Premium enthält den kompletten Website Builder; du kannst also auch ruhige Seiten ohne Bibliotheken bauen.
Lädt die Website Skripte von fremden Servern?
Nein. GSAP, ScrollTrigger, Lenis und three.js werden beim Bau lokal abgelegt. Die Prüfung schlägt an, falls doch ein externes Skript auftaucht.
Was passiert bei „Bewegung reduzieren“?
Dann steht alles still, Inhalte sind sofort sichtbar und der 3D-Hero wird als Standbild gezeigt.
Welche Lizenzen haben die Bibliotheken?
GSAP steht unter der kostenlosen „Standard No Charge License“ von Webflow, Lenis und three.js unter MIT. Die Details landen bei jedem Bau in website/vendor/LIZENZEN.txt.
Wird die Seite dadurch langsam?
Der Skill hält ein Budget von höchstens 350 KB JavaScript (gzip) je Seite ein, misst Layout-Springen und Ladegröße und setzt Effekte gezielt statt überall ein.
Läuft die Seite per Doppelklick?
Fast: Per file:// laufen 3D und Seitenübergänge nicht, dann erscheint das Standbild. Über einen Webserver oder beim Hoster läuft alles.