WebseitenKitvon 57Marketing

Das WebseitenKit für Claude Code

Deine Website mit Claude Code. Diesmal richtig.

Das komplette System, mit dem Claude Code Dir eine schnelle, auffindbare Website baut – mit Impressum, Datenschutz und Kontaktformular. Ohne dass Du eine Zeile Code schreibst.

Hol Dir das WebseitenKit

Einmalig 49,90 € · sichere Zahlung über Digistore24 · sofort herunterladen

Von 57Marketing – der Agentur, die damit Kundenwebsites baut.

  • Impressum & Datenschutz
  • Cookie-Banner
  • Kontaktformular
  • Inhalte selbst pflegen
  • Eigene Domain
  • Google & KI-Suche
Auf dem Bildschirm, mit dem Kit gebaut: Dachservice Stefan Stoica, Hagen
Kennst Du das?

Das Tutorial zeigt, dass es geht. Aber nicht, wie Du damit online gehen darfst.

Du hast gesehen, wie Claude Code in einer Viertelstunde eine Website hinzaubert. Du hast losgelegt, und die erste Seite stand schnell. Dann kamen die Fragen, über die im Video keiner spricht:

  1. Wie ändere ich später meine Texte?

    Es gibt kein Backend, keinen Login, keinen Knopf „Bearbeiten“. Für jedes neue Foto Claude anwerfen? Auf Dauer eher nicht.

  2. Was ist mit Impressum und Datenschutz?

    Der Generator aus dem Netz beschreibt Dienste, die Du gar nicht nutzt, und vergisst die, die Du nutzt. Und das Cookie-Banner sieht gut aus, blockiert aber nichts.

  3. Wie landet das Kontaktformular in meinem Postfach?

    Das Formular sieht fertig aus. Wer es abschickt, schreibt trotzdem ins Leere. Oder direkt in Deinen Spam-Ordner.

  4. Wie kommt meine Domain dazu?

    Die Seite läuft unter einer kryptischen Vorschau-Adresse. Zwischen der und Deiner eigenen Domain liegen DNS-Einträge, von denen im Video keiner spricht.

  5. Warum sind meine Credits schon weg?

    Ohne feste Regeln erfindet die KI bei jeder Seite neue Abstände, Farben und Klassen. Das Aufräumen bezahlst Du mit Zeit und mit Nutzung.

Nichts davon ist Hexerei. Es steht nur in keinem Tutorial. Im WebseitenKit steht es drin, Schritt für Schritt.

Hol Dir das WebseitenKit

Einmalig 49,90 € · sichere Zahlung über Digistore24 · sofort herunterladen

So funktioniert’s

Claude arbeitet. Du entscheidest.

Das WebseitenKit ist kein Template, sondern ein fertiger Projektordner: Anleitungen, Regeln für Claude, Agenten und Prüfskripte. Claude liest die Regeln, bevor er anfängt, und hält sich daran. Du tippst keinen einzigen Befehl ins Terminal.

  1. Ordner öffnen

    Du öffnest das Kit in VS Code, dem kostenlosen Editor von Microsoft. Claude Code läuft darin als Erweiterung.

  2. /einrichten tippen

    Claude sieht nach, was schon da ist, und erledigt den Rest: GitHub verbinden, bei Vercel veröffentlichen, die erste Vorschau starten.

  3. /projekt-start tippen

    Claude fragt Dich nach Firmenname, Farben und Kontaktdaten, eine Frage nach der anderen. Er meldet sich nur dort, wo er wirklich etwas von Dir braucht.

Vereinfachte Darstellung
Du/einrichten
Claude

VS Code und Node.js sind da, GitHub fehlt noch. Ich lege das Repository jetzt an. Gleich öffnet sich ein Fenster im Browser, dort bestätigst Du einmal.

Claude

Erledigt. Deine Website ist bei Vercel online. Weiter geht es mit /projekt-start.

Hol Dir das WebseitenKit

Einmalig 49,90 € · sichere Zahlung über Digistore24 · sofort herunterladen

Was drin ist

Alles, was eine echte Website braucht. Nicht nur das, was im Video gut aussieht.

  • Online in einem Abend

    Einrichtung, GitHub, Vercel und die erste Veröffentlichung erledigt Claude für Dich. Nach dem ersten Teil ist Deine Website im Netz, zunächst unter einer Adresse von Vercel.

  • Impressum, Datenschutz und Cookie-Banner

    Ein Skill für deutsches Webrecht erzeugt Impressum und Datenschutzerklärung aus den Diensten, die Du wirklich eingebunden hast. Das Cookie-Banner blockiert tatsächlich: Lädt vor der Einwilligung etwas von fremden Servern, bricht der Bau ab.

  • Inhalte selbst pflegen

    Texte, Bilder, Leistungen, Ratgeber-Beiträge und Stellenanzeigen änderst Du im Browser über Pages CMS. Ohne Code und ohne Claude. Speichern genügt, online geht es von allein.

  • Gefunden werden

    Skills für technisches SEO, lokales SEO und Sichtbarkeit in KI-Antworten. Dazu strukturierte Daten, Sitemap, llms.txt, die Google Search Console und Stellenanzeigen für Google for Jobs.

  • Anfragen empfangen

    Das Kontaktformular verschickt Nachrichten über Dein eigenes E-Mail-Postfach. Kein fremder Formulardienst, keine Datenbank, kein Captcha. Die Anleitung zeigt auch, wie Deine Mails nicht im Spam landen.

  • Qualität geprüft

    12 Prüfskripte rechnen Kontraste nach und testen Links, Formular, strukturierte Daten, Rechtstexte und eingebundene Dienste. Ein Agent prüft die Barrierefreiheit, zwei weitere Datenschutz und Recht.

  • Dein Aussehen

    25 fertige Abschnitte, ein Styleguide mit allen Farben und Schriften an einer Stelle und Icons, die Claude einzeln ins Projekt holt. Ein Agent merkt sich Deine Gestaltungswünsche, damit Du sie nur einmal sagen musst.

Anleitungen
22
Claude-Skills
15
Claude-Agenten
4
Prüfskripte
12
fertige Abschnitte
25
Hol Dir das WebseitenKit

Einmalig 49,90 € · sichere Zahlung über Digistore24 · sofort herunterladen

Der Ablauf

Drei bis vier Stunden. Ehrlich gerechnet.

Das Kit ist in sechs Teile gegliedert. Pflicht sind die Teile 1, 2 und 5. Dafür brauchst Du etwa drei bis vier Stunden, gut verteilt auf zwei Abende. Dazu kommt Wartezeit, auf die niemand Einfluss hat: Bis Deine Domain umgestellt ist, können bis zu 48 Stunden vergehen.

  1. Teil 1 · Anleitungen 02–06Pflicht

    Einmal einrichten

    VS Code, Claude Code, GitHub und Vercel. Danach ist Deine Website online, noch unter einer Adresse von Vercel.

  2. Teil 2 · Anleitungen 07–09Pflicht

    Deine Website daraus machen

    Eigene Domain, E-Mail-Versand für das Kontaktformular und Pages CMS zum Pflegen.

  3. Teil 3 · Anleitungen 10–11

    Werkzeuge, die Dir Arbeit abnehmen

    Claude direkt mit Vercel verbinden und auf Wunsch Bilder mit einem KI-Werkzeug erzeugen. Freiwillig.

  4. Teil 4 · Anleitungen 12, 13, 19, 21

    Aussehen und Inhalte

    Farben und Schriften, Icons, Texte, die nach Mensch klingen, und die Pflege Deiner Inhalte.

  5. Teil 5 · Anleitungen 14–16Pflicht

    Vor dem Livegang

    Dienste sauber einbinden, Cookie-Banner prüfen, Rechtstexte erzeugen. Ohne diesen Teil darf die Seite nicht live gehen.

  6. Teil 6 · Anleitungen 17, 18, 20, 22

    Gefunden werden

    Google Search Console, Stellenanzeigen für Google for Jobs, Änderungen live bringen und optionale Erweiterungen.

Hol Dir das WebseitenKit

Einmalig 49,90 € · sichere Zahlung über Digistore24 · sofort herunterladen

Laufende Kosten

Was kommt außer dem Kit noch dazu? Alles auf einen Blick.

Keine versteckten Posten, kein Baukasten-Abo, keine Agentur-Pauschale. Diese Kosten zahlst Du direkt beim jeweiligen Anbieter:

Laufende Kosten neben dem WebseitenKit
WasWofürKosten
Konto bei Anthropic für Claude CodeClaude baut Deine Websitekostenpflichtig, Tarife auf claude.com
VS Code und Node.jsEditor und Werkzeug, in dem gebaut wirdkostenlos
Konto bei GitHubHier liegt Dein Projektkostenlos
Konto bei VercelStellt Deine Website ins Netzprivat kostenlos, für Firmenwebsites der Pro-Tarif
Pages CMSInhalte im Browser pflegenim Grundumfang kostenlos
Eine DomainDeine Adresse im Netzetwa 10 bis 20 € im Jahr

Vercel erlaubt den kostenlosen Hobby-Tarif nur für private, nicht-kommerzielle Projekte. Für die Website Deines Betriebs sehen die Nutzungsbedingungen den kostenpflichtigen Pro-Tarif vor. Tarife und Preise ändern sich, die aktuellen stehen beim jeweiligen Anbieter.

Ehrlich gesagt

Für wen das Kit gemacht ist. Und für wen nicht.

Das Kit passt zu Dir

  • Du bist selbstständig oder führst einen kleinen Betrieb und willst Deine Website selbst in der Hand haben.
  • Du hast schon ein Claude-Code-Tutorial gesehen und willst diesmal eine Website, die Du wirklich online stellen darfst.
  • Du baust als Freelancer Websites für Kunden. Die Lizenz erlaubt Kundenprojekte ohne Aufpreis.
  • Du willst Texte und Bilder später selbst ändern, ohne jedes Mal jemanden fragen zu müssen.

Das Kit passt nicht zu Dir

  • Du willst gar keine Zeit investieren. Dann lass Dir die Website lieber bauen, zum Beispiel von uns bei 57Marketing.
  • Du brauchst einen Onlineshop mit Warenwirtschaft, Lager und Zahlungsabwicklung.
  • Du willst an einer bestehenden WordPress-Seite nur ein paar Kleinigkeiten ändern.
  • Du erwartest eine perfekte Website in zehn Minuten, ohne danach je wieder hinzusehen.
Hol Dir das WebseitenKit

Einmalig 49,90 € · sichere Zahlung über Digistore24 · sofort herunterladen

Mit dem Kit gebaut

Reden kann jeder. Hier sind zwei echte Websites.

Beide Seiten sind mit dem WebseitenKit entstanden und laufen im echten Geschäftsbetrieb. Wie schnell sie laden, musst Du uns nicht glauben: Der Link unter jeder Seite öffnet Google PageSpeed Insights mit der Adresse schon eingetragen.

Startseite von Nico Fichtler Personal Training, gebaut mit dem WebseitenKit.

Personal Training · Hannover

Nico Fichtler Personal Training

Videostimmen von Klienten, ein Interview und ein Neustart in drei Schritten. Dazu eigene Seiten für die Orte im Umkreis, damit Nico auch dort gefunden wird.

Startseite von Dachservice Stefan Stoica, gebaut mit dem WebseitenKit.

Dachservice · Hagen

Dachservice Stefan Stoica

Vorher-nachher-Bilder zum Schieben, echte Google-Bewertungen und eine Anfrage per WhatsApp mit Foto. Dazu ein Ablauf in vier Schritten, der zeigt, was nach dem ersten Anruf passiert.

Hol Dir das WebseitenKit

Einmalig 49,90 € · sichere Zahlung über Digistore24 · sofort herunterladen

Dein Preis

Einmal zahlen. Dauerhaft nutzen.

WebseitenKit

49,90 €

einmalig · Endpreis inkl. MwSt.

Das bekommst Du

  • 22 Anleitungen, von der Installation bis zur eigenen Domain
  • 15 Skills, die Claude sagen, wie Dein Projekt gebaut ist
  • 4 Agenten: drei prüfen Datenschutz, Recht und Barrierefreiheit, einer merkt sich Deine Gestaltung
  • 12 Prüfskripte, die vor dem Livegang nachrechnen
  • 25 fertige Abschnitte und ein Styleguide
  • Pages CMS zum Pflegen Deiner Inhalte im Browser

Deine Lizenz

  • So viele Websites, wie Du willst
  • Auch für Kundenprojekte
  • Die fertige Website gehört Dir oder Deinem Kunden

Du bekommst die aktuelle Version des Kits, laufende Updates sind nicht enthalten. Das Kit selbst darfst Du nicht weitergeben, die Einzelheiten stehen in der Lizenz im Kit.

Sichere Zahlung über Digistore24 · sofort herunterladen

Kevin Baum, Gründer von 57Marketing
Wer dahintersteht

Mooooiiiiinnnn, ich bin Kevin!

Ich habe 57Marketing gegründet, eine Marketing-Agentur aus Freudenberg bei Siegen. Wir bauen für Handwerksbetriebe und Dienstleister Websites, die bei Google gefunden werden und Anfragen bringen.

Das WebseitenKit ist aus dieser Arbeit entstanden. Wir bauen Kundenwebsites mit Claude Code, und dabei hat sich schnell gezeigt: Die KI kann viel, braucht aber feste Regeln. Welche Rechtstexte, welches Cookie-Banner, welche Prüfungen vor dem Livegang. Genau diese Regeln stecken im Kit.

Du bekommst also dieselben Werkzeuge, mit denen wir arbeiten. Nur dass Du sie selbst in der Hand hältst.

Häufige Fragen

Die Fragen aus den Kommentaren. Ehrlich beantwortet.

Kann ich eine Website mit Claude Code erstellen, ohne programmieren zu können?

Ja. Claude Code führt die Befehle selbst aus: Projekt starten, GitHub verbinden, bei Vercel veröffentlichen. Du sagst in normalem Deutsch, was Du willst, und tippst nichts ins Terminal. Selbst erledigst Du nur, wofür Zahlungsdaten oder Deine Zustimmung nötig sind: Konten anlegen, VS Code installieren und die Domain kaufen.

Wie ändere ich später Texte und Bilder, wenn es kein Backend gibt?

Über Pages CMS, eine schlanke Oberfläche im Browser. Dort bearbeitest Du Texte, Bilder, Leistungen, Ratgeber-Beiträge und Stellenanzeigen, ohne Code anzufassen. Pages CMS hat keine eigene Datenbank, sondern ändert direkt die Dateien in Deinem GitHub-Konto, und Vercel veröffentlicht die Änderung von allein. Die Einrichtung dauert etwa 15 Minuten (Anleitung 09).

Wie kommen die Nachrichten aus dem Kontaktformular bei mir an?

Per E-Mail in Dein eigenes Postfach. Ein kleiner Programmteil auf dem Server macht aus den Angaben eine Mail und verschickt sie über den Postausgang Deines E-Mail-Anbieters. Gespeichert wird nichts, und kein fremder Formulardienst ist beteiligt. Anleitung 08 zeigt auch, wie Du SPF, DKIM und DMARC einrichtest, damit die Mails nicht im Spam landen.

Was ist mit Impressum, Datenschutz und Cookie-Banner?

Das Kit bringt Werkzeuge und Prüfungen für deutsches Webrecht mit. Claude erzeugt Impressum und Datenschutzerklärung als Entwurf aus den Diensten, die Du tatsächlich eingebunden hast. Das Cookie-Banner hält fremde Inhalte zurück, bis jemand zustimmt, und der Bau bricht ab, wenn doch etwas vorher lädt. Die erzeugten Texte sind Entwürfe und ersetzen keine Rechtsberatung. Lass sie vor dem Livegang prüfen.

Ist die Website für Google und das Handy optimiert?

Die Abschnitte passen sich jeder Bildschirmgröße an. Für Google bringt das Kit strukturierte Daten, Sitemap, robots.txt und llms.txt mit, dazu Skills für technisches SEO, lokales SEO und Sichtbarkeit in KI-Antworten. Bei jedem Bau meldet ein Prüfskript fehlende oder doppelte Titel, fehlende Alternativtexte und zu große Bilder. Einen Platz auf Seite eins kann Dir ehrlicherweise niemand versprechen, auch wir nicht.

Was kostet das alles zusätzlich zum Kit?

Du brauchst ein kostenpflichtiges Konto bei Anthropic für Claude Code und eine Domain für etwa 10 bis 20 Euro im Jahr. VS Code, Node.js und GitHub sind kostenlos, Pages CMS im Grundumfang auch. Vercel ist für private Projekte kostenlos, für die Website eines Betriebs sehen die Nutzungsbedingungen den kostenpflichtigen Pro-Tarif vor. Die aktuellen Preise stehen beim jeweiligen Anbieter.

Ich habe meine Domain schon bei IONOS oder einem anderen Anbieter. Geht das?

Ja. Die Domain bleibt bei Deinem Anbieter. Claude trägt sie bei Vercel ein, und Du setzt in der DNS-Verwaltung Deines Anbieters die Einträge, die Anleitung 07 Dir nennt. Bis die Umstellung überall angekommen ist, können bis zu 48 Stunden vergehen.

Wie sieht es mit Sicherheit und Updates aus?

Die Seiten werden beim Bau fertig erzeugt und als Dateien ausgeliefert. Es gibt keine Plugins, keine Datenbank und keinen Login, den jemand knacken könnte. Der einzige Programmteil auf dem Server ist der Mailversand des Kontaktformulars. Damit entfällt der übliche Update-Stress eines WordPress-Systems. Die Bausteine des Projekts solltest Du trotzdem ab und zu aktualisieren lassen, das kann Claude für Dich übernehmen.

Brauche ich das Claude-Abo dauerhaft?

Nein. Die fertige Website läuft ohne Claude weiter, und Texte und Bilder änderst Du über Pages CMS auch ohne. Ein Claude-Konto brauchst Du nur, solange Claude für Dich baut, zum Beispiel neue Seiten, Umbauten oder neue Funktionen.

Darf ich damit Websites für Kunden bauen und verkaufen?

Ja. Die Lizenz erlaubt so viele Websites, wie Du willst, auch für zahlende Kunden. Die fertige Website gehört Deinem Kunden. Nur das Kit selbst darfst Du nicht weitergeben, auch nicht an Deine Kunden.

Was ist der Unterschied zwischen Claude Design und Claude Code?

Mit Claude Design entwirfst Du im Gespräch mit Claude Gestaltungen, klickbare Prototypen und Folien. Claude Code arbeitet direkt in Deinem Projektordner: Es legt Dateien an, führt Befehle aus, verbindet GitHub und Vercel und bringt die Website online. Das Kit setzt auf Claude Code, weil eine echte Website mehr braucht als einen Entwurf: Rechtstexte, ein Formular mit Mailversand, Prüfungen und einen Weg ins Netz.

Kann ich meine bestehende WordPress-, Wix- oder Joomla-Seite übernehmen?

Eine automatische Übernahme gehört nicht zum Kit. Deine Texte und Bilder kannst Du natürlich mitnehmen und Claude beim Einbauen helfen lassen. Wenn Du den Umzug lieber abgibst, sprich uns bei 57Marketing an.

Wie lange bekomme ich Updates?

Du kaufst die aktuelle Version des Kits. Laufende Updates sind nicht enthalten. Neue Versionen erscheinen gegebenenfalls gesondert.

Was, wenn ich hängen bleibe?

Zuerst hilft Claude selbst: Beschreib ihm die Lage, er liest Fehlermeldungen selbst und geht mit dem Skill /fehler-finden Schritt für Schritt vor. Jede Anleitung hat außerdem einen Abschnitt „Wenn etwas nicht klappt“. Kommst Du trotzdem nicht weiter: Schreib an hallo@kevin-baum.de.

Eine Website, die gefunden wird. Mit Claude Code gebaut, Schritt für Schritt.

Ohne Programmierkenntnisse und mit allem, was in Tutorials fehlt: Impressum, Datenschutz, Kontaktformular, eigene Domain und Inhalte, die Du selbst pflegst.

Hol Dir das WebseitenKit

Einmalig 49,90 € · sichere Zahlung über Digistore24 · sofort herunterladen

  • Bestellung, Zahlung und Rechnung laufen über Digistore24, unseren Vertriebspartner. Es gelten die AGB und die Widerrufsbelehrung von Digistore24, die Du im Bestellformular findest.
  • Das WebseitenKit enthält Werkzeuge und Prüfungen für deutsches Webrecht. Es ersetzt keine Rechtsberatung.