Eine Website erstellen – aber ohne Programmierkenntnisse, ohne teure Agentur und ohne wochenlangen Aufwand? Mit dem Charity Host KI-Website-Generator ist das kein Wunsch mehr, sondern Realität. In diesem Artikel zeigen wir dir Schritt für Schritt, wie es funktioniert – und was du dabei wissen solltest.
Was ist der KI-Website-Generator?
Der Charity Host KI-Website-Generator ist ein KI-Agent auf Basis von Claude Code – der KI-Entwicklungsumgebung von Anthropic. Er läuft direkt auf deinem Computer, führt ein strukturiertes Gespräch mit dir und erstellt danach vollautomatisch eine fertige, produktionsreife Website.
Du musst keine einzige Zeile Code schreiben. Die KI übernimmt alles: Sie fragt nach dem Namen deiner Organisation, eurer Mission, den gewünschten Seiten, Farben und Kontaktdaten – und baut daraus eine komplette Website, die sich direkt im Browser öffnet.
Das Ergebnis ist keine Vorlage, kein Baukastensystem und kein Platzhaltertext – sondern eine echte, auf deine Angaben zugeschnittene Website, bereit für den Webspace.
Für wen eignet sich der Generator?
Der Generator wurde für Organisationen entwickelt, die eine professionelle Webpräsenz brauchen, aber keine IT-Abteilung haben und keine tausend Euro für eine Agentur ausgeben wollen oder können:
- Vereine – vom Sportverein bis zum Kulturverein
- Schulen und Bildungseinrichtungen
- Dorfgemeinschaften und Ortsverwaltungen
- Feuerwehren, Hilfsorganisationen und Rettungsdienste
- Kirchengemeinden und religiöse Gemeinschaften
- Initiativen und gemeinnützige Projekte jeder Art
Was du benötigst
Bevor du loslegen kannst, brauchst du folgendes – die vollständige Schritt-für-Schritt-Anleitung erklärt die Installation im Detail:
1. Claude Desktop App mit Pro-Abo
Die Claude Desktop App stellt dir Claude Code mit einer grafischen Oberfläche bereit – kein Terminal nötig. Für den Website-Generator wird das Claude Pro-Abo (ab ca. 22 €/Monat) benötigt. Aktuelle Preise findest du unter claude.com/pricing.
2. Node.js
Node.js wird benötigt, damit die generierte Website auf deinem Computer gebaut und als Live-Vorschau geöffnet werden kann. Es ist auf keinem Betriebssystem vorinstalliert und muss manuell installiert werden:
3. Git (nur Windows)
Auf macOS ist Git meist bereits vorhanden. Windows-Nutzer müssen es einmalig installieren:
4. Die Agent-Datei
Die Datei charity-host-ai-website-generator.md enthält den kompletten KI-Agenten – alle Anweisungen, Vorlagen und Konfigurationen in einer einzigen Datei.
Ein Wort zur Sicherheit
KI-Agenten sind mächtige Werkzeuge – und mit Macht geht Verantwortung einher. Claude Code kann eigenständig Dateien anlegen, Befehle ausführen und Prozesse starten. Das ist genau das, was ihn so nützlich macht – aber es ist auch ein Grund, aufmerksam zu bleiben.
Die gute Nachricht: Claude Code zeigt dir jede geplante Aktion vor der Ausführung an und fragt um deine Erlaubnis. Du hast also immer die Kontrolle. Unsere Empfehlung:
- Lies jeden Schritt kurz durch, bevor du ihn bestätigst
- Bestätige nichts, was du nicht einordnen kannst
- Im Zweifel einfach ablehnen und nachfragen – die KI erklärt, was sie vorhat
Schritt für Schritt zur fertigen Website
Der gesamte Prozess dauert ca. 15 Minuten. Hier sind die drei Schritte:
- Claude Desktop App installieren
Lade die Desktop App herunter (macOS / Windows), installiere sie und melde dich mit deinem Anthropic-Konto an. Klicke auf den Tab „Code" – dafür wird das Pro-Abo benötigt. Stelle sicher, dass Node.js installiert ist (und Git auf Windows, siehe Abschnitt "Was du benötigst"). - Agent-Datei herunterladen und ablegen
Lade die Datei charity-host-ai-website-generator.md herunter und lege sie in deinem Projektordner unter.claude/agents/charity-host-ai-website-generator.mdab. - Generator starten
Öffne Claude Code, wähle deinen Projektordner und tippe ins Eingabefeld:Führe den Website-Generierungs-Agenten aus. Die KI übernimmt: Sie fragt nach Name, Mission, Seiten, Farben und Kontaktdaten – alles auf Deutsch. Danach erstellt sie automatisch deine fertige Website und öffnet sie direkt als Live-Vorschau im Browser.
FTP_REMOTE_DIR in der .env-Datei vor dem Hochladen an. Der Standardwert /httpdocs überschreibt alle Dateien in diesem Verzeichnis.
Zur vollständigen Schritt-für-Schritt-Anleitung – mit allen Details zur Installation und zum Hochladen.
Was wird automatisch generiert?
Das Ergebnis ist keine halbfertige Vorlage – sondern eine vollständige, produktionsreife Website mit echtem Inhalt aus deinen Antworten:
- Alle Seiten vollständig: Startseite, Über uns, Angebote, Termine, Kontakt, Impressum und Datenschutz – passend zu deinem Organisationstyp
- Individuelles Design: Deine Farben, dein Wunschstil und dein Logo werden direkt eingebaut
- SEO-Optimierung: Automatisch generierte Sitemap, robots.txt und saubere Meta-Tags
- Live-Vorschau: Die Website öffnet sich direkt im Browser – sofort anschaubar
- Direkt online stellbar: Ein Klick, und die fertige Website wird auf deinen Charity Host-Webspace hochgeladen
Warum kein Template?
Viele Website-Baukästen arbeiten mit Templates – vorgefertigten Designs, die du mit deinen Inhalten befüllst. Wir haben uns bewusst dagegen entschieden.
Templates erzeugen Einheitsbrei. Eine Feuerwehr braucht einen anderen Auftritt als eine Grundschule. Eine Dorfgemeinschaft hat andere Inhalte als ein Sportverein. Wer auf ein Template zurückgreift, kämpft von Anfang an gegen ein Design an, das nie für die eigene Organisation gedacht war.
Und noch etwas ist wichtig: Der Agent liefert eine solide Basis – und genau das ist der Startpunkt, nicht das Ende. Mit Claude Code kann man danach iterativ weitermachen: Texte anpassen, neue Seiten ergänzen, das Design verfeinern, eine Galerie hinzufügen. Alles im Gespräch mit der KI, ohne Programmierkenntnisse. Die Website wächst mit eurer Organisation – in eurem Tempo, in eurem Stil.
Tipps für das beste Ergebnis
- Name und Kurzbeschreibung deiner Organisation
- Adresse und Kontaktdaten (E-Mail, Telefon)
- Gewünschte Seitenstruktur (z. B. Über uns, Termine, Kontakt)
- Farbwünsche oder vorhandenes Logo
- 2–3 Sätze zu eurer Mission oder eurem Angebot
- Nimm dir Zeit: Das Gespräch dauert ca. 15 Minuten – eine ruhige Umgebung ohne Unterbrechungen hilft.
- Vorschau prüfen: Schau dir die Live-Vorschau sorgfältig an, bevor du die Website online stellst.
- Inhalte gegenlesen: KI kann Fehler machen. Lies alle Texte einmal durch und passe sie bei Bedarf an.
- Iterativ weiterarbeiten: Die erste Version muss nicht perfekt sein – du kannst jederzeit mit Claude Code weitermachen und die Website schrittweise verbessern.
Fazit
Der Charity Host KI-Website-Generator senkt die Hürde für eine professionelle Webpräsenz auf null. Kein Template, kein Einheitsbrei – sondern eine echte Basis, so individuell wie die Organisation dahinter.
Und das Beste: Nach 15 Minuten ist die Website nicht einfach „fertig" – sie ist bereit. Bereit für den ersten Eindruck, bereit für Anpassungen, bereit zum Weiterwachsen. Von dort aus kann man mit Claude Code iterativ weiterbauen – im eigenen Tempo, im eigenen Stil, ohne eine Zeile Code.