Dieser Artikel zeigt, wie du Slack über Claude und das Model Context Protocol (MCP) mit Onepage verbindest. Dieses Setup ermöglicht es dir, Website-Builds in Onepage direkt über Slack-Chatbefehle zu starten.
Die Komponenten
Slack: Das User-Interface für die Eingabe von Textbefehlen.
Claude: Das KI-Modell in Slack, das die Anfragen verarbeitet.
Onepage-MCP: Die Protokoll-Brücke, die es Claude ermöglicht, sich sicher mit Onepage zu verbinden und Befehle zum Website-Bau auszuführen.
MCP ist die Schnittstelle zwischen Onepage und externen KI-Assistenten und ermöglicht es, Seiten, Inhalte und Website-Strukturen direkt über diese Tools zu verwalten. Die detaillierte Erklärung zu MCP findest du in diesem Artikel.
📌 Hinweise:
Für die Nutzung der MCP-Funktion ist eine aktive Onepage AI-Mitgliedschaft im Hintergrund erforderlich.
Bei der Erstellung einer Onepage-Website über MCP werden keine Onepage-KI-Credits verbraucht. Stattdessen nutzt du die Tokens des jeweiligen KI-Tools (z. B. ChatGPT, Claude oder Cursor), das mit Onepage verbunden ist.
Warum Claude in Slack nutzen?
Der Bau von Onepage-Websites über Claude direkt in Slack bietet klare betriebliche Vorteile gegenüber der standardmäßigen Claude-Weboberfläche:
Kein Context-Switching: Du kannst deine Onepage-Websites direkt in der bestehenden Kommunikationszentrale erstellen, aktualisieren und verwalten, ohne zusätzliche Browser-Tabs zu öffnen oder Apps zu wechseln.
Zentraler Verlauf: Deine Projekt-Prompts, Bereitstellungsbestätigungen und Notizen werden in einem einzigen, durchsuchbaren Slack-Verlauf gespeichert. Das hält die Website-Entwicklung im Einklang mit dem täglichen Workflow.
Slack, Claude & Onepage-MCP verbinden: Schritt-für-Schritt-Anleitung
Befolge diese Schritte, um die Tools korrekt miteinander zu verbinden:
I. Konnektoren in Claude einrichten
Schritt 1
Öffne Claude und füge Onepage-MCP als benutzerdefinierten Konnektor hinzu. (Eine detaillierte Anleitung dazu findest du in diesem Artikel.)
Schritt 2
Füge anschließend Slack als Konnektor in Claude hinzu und erlaube Claude den Zugriff auf deinen Slack-Workspace.
Nach "Slack" suchen
Schritt 3
Klicke auf Slack und auf "Verbinden".
Schritt 4
Jetzt klicke auf "Zulassen".
In Claude siehst du nun beide Apps als verbunden: Onepage-MCP und Slack.
Schritt 5
Passe die Tool-Berechtigungen an: Stelle sicher, dass das Tool die Erlaubnis hat, Änderungen vorzunehmen.
II. Slack-Einstellungen anpassen
Schritt 1
Öffne Slack und klicke auf Claude. (Hinweis: Wenn du Claude noch nicht genutzt hast, findest du die App oben rechts; andernfalls wird sie unten links in deiner Seitenleiste angezeigt, unter "Apps").
Schritt 2
Klicke innerhalb der Claude-App auf den Reiter "Home" und stelle sicher, dass die Einstellungen auf "Code + Chat" gesetzt sind.
III. Onepage-MCP autorisieren
Schritt 1
Öffne einen neuen Chat mit Claude in Slack und gib folgenden Befehl ein:
Connect to Onepage MCP
Schritt 2
Klicke auf den im Chat erscheinenden Button "Connect Account".
Schritt 3
Wähle den Onepage-Account oder die Organisation aus, die du verbinden möchtest, und klicke auf "Autorisieren".
Schritt 4
Nun erscheint die Meldung „Claude erfolgreich mit Slack verbunden“.
Schließe diesen Tab, sobald die Bestätigung angezeigt wird!
🎉 Fertig! Alle Tools sind jetzt verknüpft. Du kannst Claude ab sofort direkt in Slack Prompts geben, und Claude baut die Website über das Onepage-MCP direkt in deinem Onepage-Account auf. 🎉
Praxisbeispiel: So sieht der Workflow aus
Sobald alle Verbindungen stehen, kannst du das System live testen. Hier ist ein Beispiel, wie ein Befehl in Slack eingegeben wird und was das Onepage-MCP daraus generiert:
Der Prompt in Slack: Du schreibst im Claude-Chat innerhalb von Slack beispielsweise folgenden Befehl:
"Nutze das Onepage-MCP, um ein neues Projekt in Onepage zu erstellen. Baue eine conversion-starke Landingpage für ein Reiseunternehmen namens „Nordic Escape“, das geführte Reisen nach Norwegen anbietet.
Die Landingpage soll folgende 6 Sektionen enthalten:
Hero-Sektion mit einer starken Überschrift, Unterüberschrift und Call-to-Action-Button.
Vorteile der Reisen mit 3–4 Alleinstellungsmerkmalen.
Beliebte Reiseangebote mit kurzer Beschreibung und Preisbeispielen.
Kundenstimmen mit mindestens drei Testimonials.
Häufig gestellte Fragen (FAQ) zu Buchung, Anreise und Stornierung.
Kontakt- und Buchungsformular mit Aufforderung zur Anfrage.
Verwende moderne, hochwertige Texte, sanfte Scroll-Animationen, Hover-Effekte und auffällige Farbverläufe (Gradients), um ein modernes und professionelles Design zu erstellen. Der Fokus soll auf einer hohen Conversion-Rate, einer ansprechenden Benutzererfahrung und einem hochwertigen Premium-Look liegen."
Die Verarbeitung: Claude erkennt deine Absicht und nutzt das Onepage-MCP im Hintergrund, um die gewünschte Struktur direkt in deinem Onepage-Konto anzulegen.
Je nachdem, wie detailliert dein anfänglicher Befehl ist, gestaltet sich der Prozess interaktiv, sodass du jederzeit die Kontrolle über das Design behältst:
Nachdem die Hero-Sektion erstellt wurde, wirst du von Claude manchmal zwischengefragt, ob dir der Stil gefällt und ob die KI so weitermachen soll. Falls nicht (oder wenn du von dir aus eingreifen möchtest), kannst du Claude im Chat direkt mitteilen, welche Änderungen noch vorgenommen werden sollen, bevor die nächsten Sektionen generiert werden.
Das Ergebnis: Innerhalb weniger Augenblicke antwortet Claude dir in Slack mit einer Bestätigung und dem direkten Link zu deinem neuen Projekt-Entwurf in Onepage. Du musst die Seite nur noch öffnen und mit deinen Inhalten füllen.
⚠️ Wichtig: Wenn du eine Seite über den MCP-Workflow mit Claude generierst, ist der Editor während der Beta-Phase ausschließlich über beta.onepage.io erreichbar. Der reguläre Link app.onepage.io funktioniert in diesem Fall nicht und kann zu einem unendlichen Ladebildschirm führen.
Bitte nutze daher immer den Beta-Link, um deine generierten Inhalte zu öffnen oder zu bearbeiten.
Häufig gestellte Fragen (FAQ)
Warum muss ich in den Slack-Einstellungen extra „Code + Chat“ aktivieren?
Warum muss ich in den Slack-Einstellungen extra „Code + Chat“ aktivieren?
Die Option „Code + Chat“ im „Home“-Reiter der Claude-App in Slack ist die grundlegende Erlaubnis für die KI, externe Werkzeuge (Tools) auszuführen. Wenn diese Einstellung fehlt oder nur auf „Chat“ steht, blockiert Slack die Verbindung zum Onepage-MCP, und Claude kann keine Änderungen in deinem Onepage-Account vornehmen.
Ich habe ein Projekt über Slack erstellt, wo finde ich es jetzt?
Ich habe ein Projekt über Slack erstellt, wo finde ich es jetzt?
Sobald Claude den Bau über das Onepage-MCP erfolgreich abgeschlossen hat, schickt dir die KI direkt im Slack-Chat einen Bestätigungs-Link. Wenn du diesen anklickst (oder dich ganz normal in dein Onepage-Dashboard einloggst), siehst du das neu angelegte Projekt sofort in deiner Projektübersicht und kannst es im Editor weiter bearbeiten.
💡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. 🙂