Eine Vorlage auswählen
Such dir eine Galerie oder einen Scroll-Effekt aus. Lege einen Screenshot in deinen Projektordner und sag Claude, welches Detail du übernehmen möchtest.
Claude CodeWebseite mit Claude
ohne KI-Look.
Im Video baue ich eine Café-Webseite. Im Playbook findest du die Vorlagen, meine drei Design-Skills und den Prompt für dein eigenes Business.
Vom ersten Entwurf zur eigenen Seite
Die drei Design-Skills einsetzen
Taste Skill gibt dem ersten Entwurf eine Richtung für Layout, Schrift und Abstände.
UI UX Pro Max hilft dir, passende Farben und Schriftpaare für dein Business auszuwählen.
Impeccable prüft den fertigen Entwurf. Lass Claude damit etwa zu kleine mobile Texte aufspüren und korrigieren.
Claude dein Business zeigen
Für das Café braucht ein Gast die Karte, die Öffnungszeiten und den Weg zum Lokal. Ersetze diese Angaben im Beispiel durch die Aufgabe deiner Besucher und gib Claude deine Texte und Bilder.
Startprompt für dein Business öffnen · Café-Prompt kopierenDen Scroll-Effekt nachbauen
Beim Kopfhörer-Beispiel läuft ein kurzer Clip mit der Scrollbewegung vor und zurück. Öffne den Skill, installiere das Plugin in Claude Code und verwende den Scroll-Prompt mit deinem eigenen Material.