Anleitung: Desktop-App
Claude Code läuft auf deinem eigenen Rechner. Vorteil: Du kannst deine App lokal in echt ansehen, bevor du sie veröffentlichst.
Was du mitbringst
- Die Claude Code Desktop-App und einen bezahlten Claude-Plan (Pro, Max, Team oder Enterprise). Ohne ihn ist der Code-Bereich der App gesperrt.
- Eine eigene n8n-Instanz (self-hosted oder Cloud) mit einem n8n-API-Key.
- Optional (nur für eine öffentliche URL): einen GitHub-Account und die GitHub-CLI (
gh).
⚠️ Windows: Git vorher installieren. Lokale Sessions starten nur, wenn Git bereits vorhanden ist, Claude kann es sich also nicht selbst nachinstallieren. Git für Windows herunterladen, mit den Standard-Einstellungen installieren, danach Claude einmal neu starten. Auf dem Mac ist Git meist schon dabei. Node.js richtet Claude bei Bedarf selbst ein.
n8n-API-Key gesucht? In deiner n8n unter Einstellungen, dann „n8n API“, dann „Create API Key“. Den Schlüssel gibst du Claude beim Einrichten. Er bleibt lokal auf deinem Rechner und wird nie hochgeladen.
So läuft es ab
Claude Code Desktop installieren
Lade die App unter claude.com/download herunter und melde dich mit deinem Claude-Account an. Auf Windows vorher Git installieren (siehe Hinweis oben).
Projekt mit einem Satz einrichten
Öffne die App und schreib Claude genau diesen Satz:
Richte mir https://github.com/freddy-schuetz/nrw-tourismus-hackathon ein.Claude erledigt den Rest: Es prüft die Voraussetzungen, lädt das Projekt herunter und richtet alles ein. Du musst nichts weiter tippen.
n8n verbinden
Claude fragt dich nach deiner n8n-URL und deinem n8n-API-Key und trägt beides für dich ein. Der Key bleibt lokal auf deinem Rechner (er ist von der Versionierung ausgenommen und wird nie hochgeladen).
Danach bittet dich Claude, die App einmal neu zu starten, damit die n8n-Verbindung und alle Skills aktiv werden. Anschließend prüft Claude die Verbindung.
Deine Idee bauen
Beschreib in eigenen Worten, was du automatisieren möchtest. Claude klärt mit dir die Details und baut den Workflow direkt in deiner n8n, testet und dokumentiert ihn.
Unsicher? Sag „Hilf mir, meine Idee zu klären.“ Oder hol dir Inspiration im Ideenmenü.
App lokal ansehen
Sag einfach „starte mein Frontend“. Claude startet die App auf deinem Rechner und gibt dir einen Link wie
http://localhost:3000. Das ist deine Live-Vorschau, ideal zum Ausprobieren und für eine Demo am eigenen Bildschirm.App veröffentlichen (optional, ohne Hosting-Account)
Willst du eine öffentliche Adresse zum Herzeigen, sag „stell mein Frontend online“. Claude legt ein privates GitHub-Repo an und veröffentlicht die App auf der buildbar-EU-Infrastruktur. Ergebnis: eine echte URL wie
app-xxxx.buildbar.de.Dafür brauchst du einmalig ein kostenloses GitHub-Konto und ein Login über die GitHub-CLI (Claude führt dich durch
gh auth login, das öffnet nur kurz den Browser). Kein Vercel, kein weiterer Account. Claude braucht dabei einmal das Event-Passwort aus dem geschützten Bereich der Event-Seite.
Datenbank und mehr
Für Ideen, die Daten speichern, Logins oder Datei-Uploads brauchen, stehen zwei EU-Dienste bereit. Claude bindet sie ein, wenn dein Use Case sie braucht. Beide Wege nutzen dieselben Dienste.
NocoDB
Eine Tabellen-Oberfläche wie Airtable. Ideal, wenn du Daten sammeln und sichtbar in Tabellen pflegen willst (zum Beispiel Anfragen, Anmeldungen, Event-Listen). Self-service: Du legst dir auf nocodb.buildbar.de einen Account und einen API-Token an, Claude bindet ihn als Credential in deine n8n ein.
Supabase
Eine Postgres-Datenbank mit Login, Datei-Uploads und Vektor-/RAG-Funktionen. Ideal, wenn deine App Nutzer anmelden, Dateien speichern oder semantisch suchen soll. Die Zugangsdaten (URL und Keys) findest du im geschützten Bereich auf der Event-Seite, das Passwort nennt die Moderation.
Gut zu wissen
- Dein n8n-Key bleibt lokal auf deinem Rechner. Er wird nie in ein Repo geschrieben oder hochgeladen.
- Lokale Vorschau (localhost) reicht für eine Demo am eigenen Bildschirm völlig aus. Die öffentliche URL brauchst du nur, wenn andere die App selbst öffnen sollen.
- Keine Schlüssel ins Repo: Claude übergibt Zugangsdaten beim Veröffentlichen als Einstellungen, nicht als Dateien im Projekt.
- Alle Zugangsdaten (Supabase, WLAN und weitere) findest du im geschützten Bereich auf der Event-Seite. Das Passwort nennt die Moderation vor Ort.