--- title: "Eine Website von A bis Z mit dem Éclair CMS KI-Agenten erstellen" description: "Die komplette Anleitung für eine Profi-Website mit dem Éclair CMS KI-Agenten: jede Etappe, die beseitigten Hürden, Screenshots und der Download-Link." url: "https://eclaircms.org/blog/website-a-bis-z-eclair-cms-ki-agent" lang: "de" author: "Thierry Gustin" published: "2026-11-08" updated: "2026-11-10" --- # Eine Website von A bis Z mit dem Éclair CMS KI-Agenten erstellen > **Das Wichtigste** — Der Éclair CMS KI-Agent beseitigt die Hürden beim Erstellen einer Website: die leere Seite, technische Entscheidungen, Design, Bilder, Rechtstexte, SEO und das Online-Stellen. Diese Anleitung begleitet Schritt für Schritt die Erstellung einer echten Website, von der ersten Frage bis zum gelieferten ZIP, mit Screenshots jeder Etappe, und zeigt, wie du das beste Ergebnis erzielst. Eine Profi-Website zu erstellen ist selten aus einem einzigen Grund schwer: Es ist eine Reihe kleiner Hürden. Was schreiben, welche Seiten, welches Design, welche Bilder, welche Rechtstexte, wie bei Google gefunden werden, wie online gehen. Der **Éclair CMS KI-Agent** wurde entwickelt, um diese Hürden eine nach der anderen zu beseitigen. In dieser Anleitung folgen wir der echten Erstellung der mitgelieferten Beispiel-Website, einer fiktiven Bäckerei in Lyon, von der ersten Frage bis zur fertigen Datei. ## Welche Hürden beseitigt der Agent? | Hürde | Ohne den Agenten | Mit dem Éclair CMS KI-Agenten | | --- | --- | --- | | Die leere Seite | Du schreibst alles allein | Eine offene Frage, ein Steckbrief, und der Agent schreibt alle Seiten | | Technische Entscheidungen | Website-Typ, Seiten, Menü, URLs | Der Agent leitet ab und schlägt vor, du bestätigst per Klick | | Das Design | Farben, Schriften, Layouts wählen | 3 Designrichtungen passend zu deinem Geschäft | | Die Bilder | Visuals finden oder erstellen | Deine Fotos oder KI-generierte Bilder | | Die Rechtstexte | Pflichten deines Landes recherchieren | Ein Formular passend zu Land und Rechtsform | | SEO und GEO | Einstellungen, Titel, strukturierte Daten | Auf jeder Seite geprüft, Texte verbessert | | Das Online-Stellen | Installieren, konfigurieren, absichern | Ein fertiges ZIP und eine Anleitung in 5 Schritten | ## Etappe 1: den Agenten herunterladen und öffnen Lade den Éclair CMS KI-Agenten herunter, entpacke ihn und öffne den Ordner in Claude Code oder Codex. Füge den Start-Prompt aus der Datei `PROMPT-DEMARRAGE.txt` ein. Der Agent prüft still, ob PHP vorhanden ist, und bietet sonst die Installation an. ## Etappe 2: dein Geschäft beschreiben, ohne Jargon Die erste Frage ist offen: „Beschreibe dein Geschäft in 2-3 Sätzen: was du machst, für wen und wo.“ Für die Bäckerei: „Ich führe eine Sauerteigbäckerei an den Hängen der Croix-Rousse in Lyon.“ Dann folgt der Steckbrief, in einer einzigen Nachricht: Leistungen, Gebiet, Öffnungszeiten, Preise oder Angebote, Fristen, was dich auszeichnet, echte Nachweise und soziale Netzwerke. **Was du nicht angibst, erscheint nicht auf der Website**: lieber eine kürzere Seite als eine erfundene Angabe. ## Etappe 3: den Vorschlag per Klick bestätigen In einer Nachricht präsentiert der Agent Website-Typ, Seiten, Menü, Tonfall und drei Designrichtungen, seine Empfehlung zuerst. Du wählst per Klick oder änderst ein Wort. ![Der Dialog mit dem Éclair CMS KI-Agenten: eine Frage zum Geschäft, dann ein kompletter Vorschlag mit drei Designrichtungen zur Auswahl per Klick](https://eclaircms.org/media/2026/11/de-agent-ia-dialogue.webp) *Beispieldialog: Der Agent schlägt vor, du bestätigst mit einem Klick.* ## Etappe 4: Adresse, Bilder und Rechtstexte Der Agent legt die Adresse deiner Website fest (schon gekauft, zu kaufen oder später) und prüft, ob dein Hosting passt. Bei den Bildern wählst du: deine Fotos, KI-generierte Bilder ([fal.ai](https://fal.ai), OpenAI oder FLUX) oder vorerst keine. Dann schickt er dir ein Rechtsformular passend zu Land und Rechtsform, auszufüllen in einer Nachricht. ## Etappe 5: der Build, Seite für Seite geprüft Der Agent schreibt alle Texte und startet die Engine: verifizierter Download des neuesten Éclair, Installation, Anwenden deines Briefings und Prüfung jeder Seite. Für die Beispiel-Website dauerte der Build **6 Sekunden**. Dann liest der Agent die SEO- und GEO-Analyse und verbessert die Texte bis zu den Zielwerten, in höchstens zwei Durchgängen. Fehlt eine Angabe, wird die Lieferung blockiert und er fragt dich: Kein „\[À compléter\]“ geht je online. ![Build der Beispiel-Website im Terminal: verifizierter Download von Éclair 2.0.0, Installation, erstellte Seiten mit SEO- und GEO-Wert, Qualitätsprüfung und fertiges ZIP](https://eclaircms.org/media/2026/11/agent-ia-terminal.webp) *Der echte Build der mitgelieferten Beispiel-Website: 6 Sekunden, Qualitätsprüfung bestanden.* ## Etappe 6: Website abholen und online stellen Im Ordner `sortie/` findest du das Website-ZIP und daneben die Admin-Zugangsdatei. Die Anleitung `INSTALLATION.md` erklärt das Online-Stellen: Hosting vorbereiten, den Inhalt des Ordners `site` hochladen (inklusive der versteckten Datei `.htaccess`), Website öffnen und die Zwei-Faktor-Authentifizierung aktivieren. ![Der Ausgabeordner des Agenten: das Website-ZIP, die separate Zugangsdatei, die Installationsanleitung und die Qualitätsberichte](https://eclaircms.org/media/2026/11/agent-ia-livraison.webp) ## Das Ergebnis: eine fertige Website und ein eigener Admin Die Beispiel-Website kommt mit ihren Seiten, ihrem Artikel, ihren Rechtstexten, ihrer Designrichtung und ihrem Admin. Danach verwaltest du sie selbst: Seiten, Artikel, SEO. Und du kannst den Agenten erneut bitten, eine Seite hinzuzufügen oder die Farben zu ändern: Er baut neu. ![Die Beispiel-Website „Le Fournil des Pentes“, erstellt vom Éclair CMS KI-Agenten, auf Desktop und Smartphone](https://eclaircms.org/media/2026/11/agent-ia-site-exemple.webp) *Die mitgelieferte Beispiel-Website (fiktive Bäckerei, Platzhalterbilder), auf Desktop und Smartphone.* ![Das Éclair-Dashboard der Beispiel-Website, sofort einsatzbereit, mit SEO- und GEO-Wert jeder Seite](https://eclaircms.org/media/2026/11/agent-ia-admin.webp) *Der Admin der gelieferten Website: Danach verwaltest du alles selbst, Seiten, Artikel und SEO.* ## Wie erzielst du das beste Ergebnis? - **Gib genaue Fakten** im Steckbrief an: Preise, Fristen, Gebiet, was dich auszeichnet. Je genauer, desto besser die Texte. - **Nimm lieber echte Fotos** für Team, Räume und Produkte; KI eher für Stimmungsbilder. - **Bereite deine Rechtsangaben vor**: Handelsregister- oder Steuernummer, Adresse, Hoster, Verbraucherschlichtung, falls du an Privatkunden verkaufst. - **Wähle deinen Hoster vor** dem Build: Seine Angaben stehen in den Rechtstexten. - **Prüfe die Website** vor dem Hochladen: Der Agent schlägt vor, du veröffentlichst. ## Den Éclair CMS KI-Agenten herunterladen Der Agent ist kostenlos. Version 1.0.0, 99 KB, getestet mit Éclair 2.0.0. SHA-256-Prüfsumme: `864cf1d124a8e9a7278349ea3a32ae00108abdc322f85b3d08e045628a1136df`. [KI-Agent herunterladen (ZIP)](https://github.com/Jacckisback/agent-ia-eclair-cms/raw/main/dist/Agent-IA-Eclair-CMS-v1.0.0.zip) [Alles über den Agenten](https://eclaircms.org/de/ki-agent) ## Häufige Fragen zur Website-Erstellung mit dem Agenten ### Was kostet eine Website mit dem Agenten? Der Agent und Éclair sind kostenlos. Es bleiben dein Claude- oder Codex-Abo, dein Hosting, deine Domain und, wenn du willst, ein paar Euro für KI-Bilder. ### Kann ich mehrere Websites erstellen? Ja. Für jede neue Website legt der Agent das vorherige Projekt in `projet/archives/` ab, bevor er neu startet. ### Und wenn ich noch kein Hosting habe? Der Agent erklärt, worauf du achten musst (PHP 8.3, kostenloses SSL-Zertifikat), und nennt gängige Hoster in deinem Land, ohne Preise zu versprechen. ### Kann ich einen Shop oder Mitgliederbereich hinzufügen? Der leichte Éclair-Shop wird unterstützt. Für mehr stützt sich der Agent auf die offiziellen Éclair-Skills. — Thierry Gustin, Créateur d’Éclair CMS, consultant SEO et formateur IA · 10. November 2026