Dieser Artikel zeigt dir anhand eines Multi-Source-Agentur-Setups, wie du aus fertigen n8n-Workflows die Briefing-Informationen aus mehreren Kanälen einsammeln, per KI in ein einheitliches Format bringen & über das Onepage-MCP in eine Website verwandeln kannst.
📌 Hinweis: Dieser Workflow richtet sich an erfahrene n8n-Nutzer. Bitte beachte, dass wir dir bei der Umsetzung keinen Support anbieten können.
Vorabinformation
Die Architektur trennt bewusst Sammeln (läuft automatisch im Hintergrund) von Bauen (stößt du manuell an). So bleibt der qualitätskritische Bau-Schritt unter deiner Kontrolle, während das Sammeln vollkommen alleine passiert.
Alle Workflows, Setup-Anleitungen und Beispieldaten findest du im GitHub-Repository unter: https://github.com/Constant-Sudo/n8n-onepage-agency-automation
Was du benötigst
Lege dir diese Zugänge bereit, bevor du startest:
Onepage-Account mit MCP-Zugang
n8n (Cloud oder selbst gehostet, min. v2.30.5) mit aktivierten Data Tables
Anthropic API (Claude) für KI-Extraktion und Bau
Slack Bot-Token (Event-/Reaction-Scopes) - optional
Gmail OAuth - optional
Fireflies / Granola API-Key + Webhook - optional
Jina AI Reader o. Ä. für robustes Scraping - optional
Die Slack-, Gmail-, Meeting- und Scraper-Quellen sind optional. Du kannst zuerst klein mit dem Eingang über ein Formular starten und die weiteren Zugänge später ergänzen.
Schritt-für-Schritt-Anleitung
📌 Hinweis: Die folgenden Schritte und Screenshots basieren auf dem Stand zum Zeitpunkt der Erstellung dieses Artikels. Die Benutzeroberfläche oder die Bezeichnungen des Tools können sich inzwischen geändert haben. Sollten dir Abweichungen auffallen, empfehlen wir, die aktuellen Anleitungen im Tool zu prüfen, im Hilfe-Center des Anbieters nachzuschauen oder den Support des Anbieters zu kontaktieren.
Schritt 1: Repository holen
Klone oder lade das Repository herunter:
git clone https://github.com/Constant-Sudo/n8n-onepage-agency-automation.git
Im Ordner findest du drei Bereiche:
workflows/– die n8n-Templates als JSONdocs/setup/– je eine Anleitung pro Workflowschemas/– Beispieldaten zum Testen
Schritt 2: Data Tables anlegen
Das Setup speichert alles in zwei n8n Data Tables. Diese legen wir als Erstes an:
projects– Ein Eintrag pro Kunde/Projekt (Name, Kontakt-E-Mail, Slack-Channel, Status, spätere Onepage-URL)briefing_items– Sammelt alle einzelnen Eingänge zu einem Projekt, egal aus welcher Quelle.
Die genaue Struktur der Spalten findest du in der README.md & im docs/blueprint.md.
Schritt 3: Credentials hinterlegen
Trage in n8n unter Credentials die Zugänge ein, die du nutzen möchtest – mindestens Anthropic und das Onepage-MCP.
Die übrigen (Slack, Gmail, Fireflies/Granola, Jina) nur, wenn du die jeweilige Quelle im Anschluss auch direkt verbinden magst.
Schritt 4: Workflows importieren
Importiere die JSON-Dateien aus workflows/ in n8n (Workflow → Import from File). Jeder Workflow trägt dieselbe Nummer wie seine Anleitung in docs/setup/:
# | WORKFLOW | ANLEITUNG |
1 | Input: Onepage Formular | |
2 | Input: Slack | |
3 | Input: E-Mail | |
4 | Input: Meeting (Fireflies + Granola) | |
5 | Sub: extract_and_store | |
6 | Sub: Webscraper (optional) | |
7 | Builder: Website aus Briefing |
Schritt 5: Den Kern testen (extract_and_store)
Richte nun zuerst den Sub-Workflow extract_and_store (#5) ein. Das ist der wichtigste Punkt und das Herzstück der Automatisierung. Er übersetzt jeden Eingang per KI in dasselbe Schema und legt ihn in briefing_items ab.
Teste ihn mit den Beispieldaten aus schemas/ (mockdata_normalize_form.json), bevor du echte Quellen anschließt.
Schritt 6: Onepage-Formular verbinden (wichtiger Punkt)
Verdrahte als Erstes das Onepage-Formular (#1). Onepage-Formulare liefern Webhooks direkt ins n8n, für die meisten Agenturen der wichtigste Briefing-Kanal.
Folge hier der ersten Anleitung 01-input-onepage-formular.md
Schritt 7: Weitere Quellen ergänzen (optional)
Füge nach demselben Muster die übrigen Eingänge hinzu, die du brauchst: Slack (#2), E-Mail (#3), Meeting (#4) und den optionalen Scraper (#6).
Jeder Workflow nutzt am Ende denselben extract_and_store- Sub-Workflow.
Schritt 8: Builder mit Onepage-MCP einrichten
Zum Schluss richtest du den Builder (#7) ein. Er liest alle gesammelten Briefing-Items eines Projekts, verschmilzt sie per KI zu einem konsolidierten Bauplan und steuert das Onepage-MCP, um die Website zu erstellen und zu veröffentlichen.
⚠️ Wichtig: Das Onepage-MCP verlangt, dass vor jedem schreibenden Schritt der passende Skill geladen wird (serverseitig erzwungen).
Der steuernde KI-Agent ruft also erst das Skill, dann die Aktion auf. Spiele den Builder zuerst an einem Testprojekt durch, bevor du ihn mit echten Kunden nutzt.
Sobald die Data Tables, die Eingänge und der Builder bereitstehen, kannst du den Workflow starten.
🎉 Die Anbindung deines Multi-Source-Agentur-Setups ist abgeschlossen. 🎉
Zusammenfassung
Dein Setup sammelt jetzt automatisch Briefings aus bspw. Formularen, E-Mails und Slack ein und du kannst per Knopfdruck daraus eine fertige Onepage-Website erzeugen lassen.
💡 Tipp: Wie du das Onepage-MCP grundsätzlich anbindest, zeigt der Artikel Claude mit Onepage-MCP verbinden. Für bessere Bau-Ergebnisse hilft der Guide Vibe-Coding: So schreibst du effektive Prompts.
Häufig gestellte Fragen (FAQ)
Warum läuft mein Onepage Session-Token ab, wenn ich den Workflow starte?
Warum läuft mein Onepage Session-Token ab, wenn ich den Workflow starte?
Stelle sicher, dass du n8n in der aktuellsten Version nutzt (mindestens Version 2.30.5)
Kann ich auch eine andere KI nutzen?
Kann ich auch eine andere KI nutzen?
Die Nutzung einer anderen KI ist grundsätzlich möglich, unsere Anleitung richtet sich in diesem Fall an die Nutzung mit der Claude API.
💡Du hast Feedback zu diesem Hilfe-Artikel? Teile es gerne mit uns über den Live-Chat oder an support@onepage.io, damit wir ihn auf dem neuesten Stand halten können. 🙂