Eine Website, die Dir gehört – gebaut mit Claude Code
WebseitenKit ist ein fertiges Gerüst: Abschnitte, Anleitungen und Prüfungen, an die sich Claude hält. Du sagst, was auf die Seite soll – nicht, wie es gebaut wird. Am Ende liegt alles als Dateien in Deinem Ordner. Kein Abo, kein Baukasten.
Diese Seite hier ist selbst mit dem Kit gebaut. Was Du siehst, ist das Produkt.
- 24 fertige Abschnitte
- 22 Anleitungen
- 15 Skills für Claude
- 10 Prüfbefehle
Gebaut auf Werkzeugen, die es in zehn Jahren noch gibt
Warum die meisten KI-Websites nach drei Monaten stehen bleiben
Nicht, weil die KI schlecht wäre. Weil niemand ihr gesagt hat, wie gebaut werden soll.
Jede Seite anders
Ohne festes System erfindet die KI bei jeder Seite neue Abstände, Farben und Klassen.
Rechtlich offen
Schriften von Google, Karten ohne Einwilligung, eine Datenschutzerklärung aus dem Netz.
Niemand prüft nach
Ob Kontraste reichen und Bilder Beschreibungen haben, merkt sonst erst der Besucher.
Niemand kann weiterarbeiten
Was am Ende dasteht, versteht weder der Betreiber noch der nächste Entwickler.
Für wen das gemacht ist
Und für wen nicht: Wer eine Website in zehn Minuten will, ohne je wieder hinzusehen, ist hier falsch.
Handwerk und Dienstleistung
Betriebe, die eine Website brauchen, aber keine Agentur bezahlen wollen.
Selbstständige
Wer seine Seite selbst pflegen will, ohne sich in ein Baukastensystem zu setzen.
Wer schon mit KI gebaut hat
Und gemerkt hat, dass dabei etwas herauskommt, das niemand mehr warten kann.
So läuft es
Vier Schritte. Die Befehle führt Claude aus, nicht Du.
Kit herunterladen
Ein Ordner. Node.js und VS Code installieren, den Rest macht Claude.
Einrichtungsdialog
Claude fragt nach Firma, Farbe, Schrift und Kontaktdaten. Eine Frage nach der anderen.
Inhalte einsprechen
Sag, was auf die Seiten soll. Claude setzt es aus den fertigen Abschnitten zusammen.
Veröffentlichen
Ein Befehl. Danach läuft die Website bei Vercel, auf Deiner Domain.
Was drin ist
Alles fertig, alles erklärt, alles änderbar.
24 fertige Abschnitte
Aufmacher, Karten, Zeitstrahl, Team, Kontakt, Galerie, Laufband. Alle im selben System.
22 Anleitungen
Von der Installation bis zur eigenen Domain. Für Menschen geschrieben, die noch nie ein Terminal geöffnet haben.
15 Skills für Claude
Claude weiß damit, wie Dein Projekt gebaut ist – und hält sich daran, statt eigene Wege zu gehen.
Rechtssicher von Anfang an
Einwilligungs-Banner, Impressum, Datenschutzerklärung. Keine Schriften von fremden Servern.
Zehn Prüfbefehle
Kontraste, Icons, Raster, Formular, strukturierte Daten, eingebundene Dienste. Ein Befehl sagt Dir, ob es online darf.
Ein Redaktionssystem
Texte, Bilder und Seiten im Browser ändern – ohne Code anzufassen.
Was im Ordner liegt
Nach dem Kauf lädst Du einen Ordner herunter. Das hier ist sein Inhalt – keine Auswahl, keine Beschönigung.
Alles liegt als Datei in Deinem Ordner und in Deinem GitHub-Konto. Kein Abo, kein Baukasten, aus dem man nicht mehr herauskommt.
webseitenkit/
anleitungen/22 Anleitungen
Schritt für Schritt, für Menschen ohne Vorkenntnisse geschrieben.
.claude/skills/15 Skills
Regeln, an die sich Claude in diesem Projekt hält.
- deutsche-texte
- deutsches-webrecht
- einrichten
- fehler-finden
- inhalte-pflegen
- inhalte-planen
- ki-sichtbarkeit
- lokales-seo
- projekt-start
- rechtstexte
- seo-pruefen
- seo-technik
- styleguide
- tools-erkennen
- veroeffentlichen
src/components/sektionen/25 Abschnitte
Fertige Seitenteile - Aufmacher, Karten, Zeitstrahl, Team, Kontakt.
src/styles/11 Stilvorlagen
Feste Reihenfolge, alle Werte in variables.css.
src/icons/30 Icons
Einzeln geholt, keine Bibliothek im Hintergrund.
skripte/10 Prüfbefehle
Kontraste, Icons, Raster, Formular, eingebundene Dienste. Ein Befehl sagt Dir, ob es online darf.
src/consent/3 Dateien
Dienste-Verzeichnis, Vorlagen und die Einwilligungs-Logik.
docs/4 Nachschlagewerke
Styleguide, Seitenaufbau, Tool-Katalog.
Sieh es Dir an
Diese Website ist selbst mit dem Kit gebaut. Zwei Seiten davon sind offen begehbar – dieselben, die Du nach dem Kauf im Projekt hast.
Alle Bausteine
Jeder der 25 Abschnitte als echtes, lebendes Beispiel – samt Animation, mit einer Liste zum Springen.
Der Styleguide
Farben, Schriften, Abstände, Schaltflächen – und die Begründung, warum sie so sind. Daran hält sich Claude.
Eine fertige Unterseite
Der Musterbetrieb, der im Kit als Beispielinhalt mitkommt: Aufmacher, Umfang, Ablauf, Fragen – bei jeder Leistung gleich.
Preis
WebseitenKit
- 24 fertige Abschnitte
- 22 Anleitungen
- 15 Skills für Claude
- Rechtssicher von Anfang an
- Zehn Prüfbefehle
- Ein Redaktionssystem
Einmal zahlen, dauerhaft nutzen. Die Website gehört danach Dir - alles liegt als Datei in Deinem Ordner.
Häufige Fragen
Was Leute vor dem Kauf wissen wollen.
Muss ich programmieren können?
Nein. Du sagst Claude, was Du willst, und Claude führt die Befehle aus. Selbst tippen musst Du drei Zeilen – die stehen in Anleitung 3, und sie sind erklärt.
Was kostet der Betrieb der Website?
Das Hosting bei Vercel ist für einzelne Websites kostenlos. Bezahlen musst Du die Domain, meist zwischen 10 und 20 Euro im Jahr, und einen Mailanbieter für das Kontaktformular.
Gehört mir die Website danach wirklich?
Ja. Alles liegt als Dateien in Deinem Ordner und in Deinem GitHub-Konto. Kein Abo, kein Baukasten, aus dem man nicht mehr herauskommt. Du kannst jederzeit einen anderen Entwickler damit weiterarbeiten lassen.
Brauche ich ein Abo bei Anthropic?
Für Claude Code ja. Welche Stufe reicht, hängt davon ab, wie viel Du baust - die Einrichtung führt Dich Schritt für Schritt durch die Anmeldung. Die Tarife legt Anthropic fest und ändert sie gelegentlich; sieh die aktuellen Preise dort nach, bevor Du Dich entscheidest.
Ist die Website DSGVO-konform?
Das Kit bringt alles mit, was technisch dazugehört: Einwilligungs-Banner, lokale Schriften, keine fremden Server ohne Zustimmung. Die Rechtstexte entstehen aus Deinen echten Angaben. Eine Rechtsberatung ist es nicht – für den Einzelfall bleibt der Anwalt zuständig.
Eine Website, die Dir gehört
Kein Abo, kein Baukasten, kein Entwickler, den Du für jede Textänderung anrufen musst.