Ist das wirklich möglich? Eine Website in einer Stunde?
Ja. Und wenn du dir nicht sicher bist, ob du es glauben sollst – wir verstehen das. Noch vor zwei Jahren klang das utopisch. Heute ist es Realität.
Claude Code kann den gesamten Code für eine professionelle Website schreiben – HTML, CSS, JavaScript – auf Basis deiner einfachen Beschreibung. Du brauchst kein Programmierwissen, keine Design-Ausbildung und keinen Entwickler.
Dieser Artikel führt dich Schritt für Schritt durch den Prozess.
Was du vorher festlegen solltest (10 Minuten)
Bevor du Claude Code anweist, kläre folgende Punkte:
- Zweck der Website: Ist es eine Visitenkarte, ein Onlineshop, ein Portfolio, ein Blog? - Zielgruppe: Wer soll die Seite besuchen? - Hauptinhalt: Was sind die 3–5 wichtigsten Dinge, die Besucher erfahren sollen? - Farben und Stil: Hast du eine Vorstellung? (Muss nicht präzise sein) - Kontaktinformationen: Adresse, Telefon, E-Mail
Je genauer du diese Punkte kennst, desto besser wird das Ergebnis.
Der Haupt-Prompt für deine Website
Kopiere diesen Prompt und passe ihn für dich an:
«Erstelle mir eine vollständige, professionelle Website für mein Unternehmen [Name]. Die Website soll folgendes enthalten: - Eine Startseite mit Headline, Kurzbeschreibung und einem Call-to-Action-Button - Eine Über-uns-Seite mit [kurze Beschreibung] - Eine Leistungsseite mit [Liste deiner Dienstleistungen] - Eine Kontaktseite mit [deine Kontaktdaten]
Stil: [modern / klassisch / minimalistisch] mit den Farben [Farben]. Zielgruppe: [deine Zielgruppe]. Sprache: Deutsch, Region Schweiz.»
Was Claude Code dann macht
Claude Code analysiert deinen Prompt, plant die Seitenstruktur und schreibt dann alle Dateien: index.html, style.css, und bei Bedarf script.js.
Du kannst in Echtzeit verfolgen, wie die Website entsteht. Wenn etwas nicht gefällt, sagst du einfach: «Ändere die Farbe der Überschriften zu Dunkelblau» oder «Mach die Startseite grösser und füge ein Bild ein.»
Claude Code passt es an – sofort.
Die Website online stellen
Eine fertige HTML-Website kannst du über verschiedene Dienste kostenlos oder günstig online stellen:
- GitHub Pages: Kostenlos, geeignet für einfache Seiten - Netlify: Kostenloser Plan verfügbar, sehr einfaches Deployment - Hosttech oder Cyon: Schweizer Hosting, ideal für professionelle Projekte mit .ch-Domain
Auch für den Upload-Prozess kann Claude Code helfen und dir genau erklären, wie die Dateien hochgeladen werden.
Fazit: Der Webentwickler-Markt verändert sich
Das bedeutet nicht, dass Webentwickler überflüssig werden. Komplexe Web-Applikationen, Shops mit Zahlungsintegration oder massgeschneiderte Systeme brauchen weiterhin Fachleute.
Aber für eine solide Visitenkarten-Website, ein Portfolio oder eine einfache Informationsseite ist Claude Code heute die schnellste, günstigste und verständlichste Lösung.
Unser Handbuch auf https://www.shopgeek.ch widmet ein ganzes Kapitel dem Website-Bau mit Claude Code – mit echten Beispielen und Schritt-für-Schritt-Walkthroughs.