Einführung ins Content-Creator-Handbuch
Starte mit ★ Start hier — Kurzpfade für Website (v0), Social und Cockpit, ohne Technik-Überforderung. Diese Seite ist Hintergrund für alle, die das Gesamtbild verstehen wollen.
cockpitOS ist das zentrale System für Shopping Center: Daten und Optionen im Cockpit, Aussehen in v0 / GitHub. WordPress, die bisherige Center-Website und die bisherige Signage-App bleiben nur, bis das Center umzieht.
Für Redakteur:innen heißt das konkret: Inhalte und Schalter einmal im Cockpit — die Website (und künftig die Bildschirme) lesen das live. Neue Oberflächen entstehen mit v0. Claude kann über MCP mit dem Cockpit sprechen — Inhalte lesen, anlegen, zur Freigabe einreichen.
Womit fange ich an?
Die Entscheidungstabelle für Quereinsteiger steht auf ★ Start hier. Kurz:
| Ich will … | Start |
|---|---|
| Neue Website mit v0 | Website mit v0 (Kurzpfad) |
| Social Media | Social Media (Einstieg) |
| Inhalte im Cockpit | Erste Schritte |
| Claude / MCP | Erst später |
Die drei Arbeitsbereiche
1 — Cockpit: Inhalte
Das Cockpit unter dashboard.cockpit-os.de ist die einzige Quelle der Wahrheit für Inhalte. Hier lebt alles, was auf der Website sichtbar ist: Shops, Events, News, Angebote, Services.
Niemals Fakten in v0 oder Claude "erfinden" — immer nur im Cockpit eintragen.
Deine täglichen Bereiche:
- Shop-Informationen, Events, News, Angebote, Hot Picks, Services, Jobs
- Workflow & Freigaben — wenn Claude oder ein Manager Inhalte zur Genehmigung einreicht
2 — Website: Code & Hosting
Die Center-Website läuft als Code in GitHub (Organisation sawmuedev) und wird über Vercel veröffentlicht. Ein Center = ein Repo = ein Vercel-Projekt.
- Neuen Code / Layout → v0 (im Browser, Chat-basiert) oder Claude (direkt am Mac)
- Code sichern & live schalten → GitHub Desktop (3 Klicks: Holen → Sichern → Hochladen), danach baut Vercel automatisch
3 — KI-Unterstützung: v0, Claude, MCP
| Tool | Wofür | Voraussetzung |
|---|---|---|
| v0 | Neue Website-Layouts per Chat entwerfen | v0-Account (Firmenlizenz) |
| Claude (Desktop) | Website-Dateien direkt bearbeiten, Texte schreiben | Claude Desktop + einmalige IT-Einrichtung |
| Claude + MCP (Remote) | Cockpit-Inhalte lesen, erstellen, suchen, Center anlegen, Entwürfe genehmigen | Claude Pro/Team + Remote-URL von IT |
Was Claude über MCP alles kann
Sobald Claude mit dem Cockpit verbunden ist (→ Claude & Cockpit verbinden), kann Claude in normalen Sätzen arbeiten:
| Claude kann … | Beispiel |
|---|---|
| Center lesen & suchen | „Welche Center haben einen H&M?" |
| Center neu anlegen & aktualisieren | „Leg das Westfield Hamburg-Überseequartier an" · „Ändere die Öffnungszeiten von Center X" |
| Shops auflisten & durchsuchen | „Zeige alle Mode-Shops in Center X" · „Welche Shops sind im EG?" |
| Filialen (ShopLocations) verwalten | „Lege eine Kaufland-Filiale für Center Y an" · „Aktualisiere die Öffnungszeiten der Filiale" |
| Ketten (ShopChains) verwalten | „Leg eine neue Kette Kaufland an" · „Aktualisiere das Deichmann-Logo für alle Filialen" |
| News / Events / Angebote / Services anlegen | „Erstelle ein Angebot für alle Deichmann-Center" |
| Inhalte kopieren | „Kopiere dieses Event in alle fünf Center" |
| Jobs / Stellenanzeigen | „Zeige offene Stellen in Center X" · „Leg eine Ausbildungsstelle für Shop Y an" |
| Inhalte suchen | „Gibt es schon News über den Umbau?" · „Welche Angebote laufen nächste Woche ab?" |
| Ablaufende Inhalte | „Was läuft diese Woche ab und muss verlängert werden?" |
| Inhaltslücken analysieren | „Welche Center haben weniger als 3 aktive Angebote?" |
| Geplante Inhalte | „Was ist für den nächsten Monat geplant?" |
| Hot Picks / Highlights | „Setze dieses Angebot als Hot Pick für 2 Wochen" |
| Besucher-Feedback lesen | „Wie ist die Bewertung von Center X diese Woche?" |
| Öffnungszeiten Massen-Update | „Setze Weihnachtszeiten für alle Shops in Center X" · „Aktualisiere alle Kaufland-Filialen" |
| Abgelaufene Inhalte archivieren | „Archiviere alle Angebote die vor heute geendet haben" |
| Entwürfe zur Freigabe einreichen | Nichts geht sofort live — alles landet erst unter Workflow & Freigaben |
| Entwürfe direkt genehmigen | „Genehmige alle Entwürfe aus Kampagne Sommer-Sale" |
| Bilder & Videos automatisch hochladen | Externe URLs werden automatisch zu BunnyCDN hochgeladen |
| Organisationen nachschlagen | „Welche Organisation gehört zu Center X?" — für IDs und Zugriffsfilter |
Claude reicht Inhalte standardmäßig als Entwürfe ein (submitToWorkflow). Sie erscheinen unter Workflow & Freigaben im Dashboard — dort kann die Redaktion sie prüfen und mit einem Klick genehmigen.
Systemarchitektur
Rollen
| Rolle | Kann |
|---|---|
| Content Editor | Inhalte erstellen, bearbeiten, veröffentlichen (eigene Center) |
| Center Manager | Zusätzlich: Freigaben erteilen, Workflow-Items genehmigen |
| Super Admin | Alles — inkl. API-Keys, Benutzer, Systemeinstellungen |
Nächste Schritte
- Neu hier? → Erste Schritte — Anmeldung, Navigation, erste Inhalte
- Mac einrichten lassen? → Mac-Setup & Alltag — IT richtet ein, Redaktion arbeitet
- Claude mit Cockpit verbinden? → Claude & Cockpit verbinden (MCP) — Weg A: 3 Klicks, keine Installation
Gesamt-Überblick: Welches Dokument wofür?
| Aufgabe | Dokument |
|---|---|
| Mac, GitHub, v0, Vercel, Claude einrichten | Mac-Setup & Alltag |
| Website von Null mit v0 bauen | v0-Website A–Z |
| Centerplan mit Claude Design (klickbar, dann v0-Farben) | Claude Design |
| v0-Instructions A–J (zum Kopieren) | v0 + Cockpit (So geht’s) |
| Website mit Claude direkt bearbeiten | Website mit Claude |
| Claude mit Cockpit verbinden (MCP) | Claude & Cockpit verbinden |
| Center neu anlegen, Inhalte befüllen via Claude | Claude & Cockpit verbinden → Center anlegen |
| Inhalte pflegen (News, Events, Angebote …) | Erste Schritte · Workflows |
| Freigaben erteilen (Workflow & Freigaben) | Workflow & Freigaben |
| Technische API-Details | Developer-Guide |
Support
Bei Fragen:
- Technik (cockpitOS**):** Saad Badr, Technischer Leiter · technik@schickma.de
- Telefon: +49 201 857 927 24
Nutzungsstatistik: Seitenaufrufe werden anonymisiert erfasst. Im Umami-Dashboard nach diesem Pfad filtern: /content-creator-handbuch/einfuehrung