Charity Host Logo
AI @ Charity Host

So startest du mit dem
KI-Website-Generator

Schritt für Schritt zur fertigen Website – kein Terminal, kein Code.

Zur KI-Generator-Übersicht

Einmalige Einrichtung

1

Claude Desktop App installieren

Die App stellt dir Claude Code mit einer grafischen Oberfläche bereit – kein Terminal nötig. Lade sie herunter, installiere sie und melde dich mit deinem Anthropic-Konto an. Klicke dann oben auf den Tab „Code".

Download für macOS Download für Windows
Für den Tab „Code" wird ein Claude Pro-Abo benötigt (ab ca. 22 €/Monat). Preise ansehen →
2

Node.js installieren

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.

Node.js herunterladen (LTS-Version)

Lade die LTS-Version herunter und installiere sie wie ein normales Programm.

3

Git installieren (nur Windows)

Auf macOS ist Git meist bereits vorhanden. Windows-Nutzer müssen es einmalig installieren.

Git für Windows herunterladen

Den Installer ausführen und alle Standardeinstellungen übernehmen.

Den Generator starten

Kurzer Hinweis vor dem Start: Claude Code kann eigenständig Dateien anlegen und Befehle ausführen – zeigt dir aber jeden Schritt vor der Ausführung an und fragt um deine Erlaubnis. Lies die Aktionen kurz durch, bevor du bestätigst. Im Zweifel einfach ablehnen und nachfragen.
4

Agent-Datei herunterladen

Lade die Datei charity-host-ai-website-generator.md herunter. Sie enthält den kompletten KI-Agenten – alle Anweisungen und Konfigurationen in einer einzigen Datei.

charity-host-ai-website-generator.md herunterladen
5

Ordner vorbereiten

Erstelle einen leeren Ordner auf deinem Computer, z. B. meine-website. Dort legt die KI später alle Dateien ab.

6

Agent in Claude Code ablegen

  1. 1 Öffne die Claude Desktop App und klicke auf den Tab „Code"
  2. 2 Wähle als Umgebung „Lokal" und dann deinen neu erstellten Ordner
  3. 3 Erstelle im Projektordner den Unterordner .claude/agents/
  4. 4 Lege die heruntergeladene Datei dort ab: .claude/agents/charity-host-ai-website-generator.md
  5. 5
    Tippe ins Eingabefeld und drücke Enter:
    Starte den Charity Host AI Website Generator
7

Die KI führt dich durch alles

Die KI stellt dir jetzt auf Deutsch ein paar einfache Fragen:

  • Name deiner Organisation / deines Projekts
  • Kurze Beschreibung eurer Mission
  • Welche Seiten die Website haben soll
  • Farben und Logo (optional)
  • Kontaktdaten

Danach erstellt sie automatisch die fertige Website und öffnet sie als Live-Vorschau im Browser.

8

Website zu Charity Host hochladen

Nach der Erstellung liegt im Ordner eine Datei namens .env. Öffne sie und trage deine FTP-Zugangsdaten ein – du findest sie in Plesk unter Verbindungsdaten:

FTP_HOST=...
FTP_USER=...
FTP_PASSWORD=...
FTP_REMOTE_DIR=/httpdocs
Bereits eine Website? Ändere FTP_REMOTE_DIR auf einen Unterordner, z. B. /httpdocs/neu – sonst werden bestehende Dateien überschrieben.

Danach tippe in Claude Code:

Bitte deploy die Website

Die KI erledigt den Upload für dich.

Lies die generierten Texte einmal durch, bevor du die Website veröffentlichst – besonders Impressum und Datenschutzerklärung.

Noch Fragen?

Wir helfen gerne weiter – schreib uns einfach über den Support.

Agent herunterladen → Support kontaktieren