00:00:00: Neuigkeit in der AI-Welt.

00:00:02: Der nächste große KI-Moment nach ChatchiBT heißt Cloud Code.

00:00:09: Beim ersten Kontakt zählen zwei Dinge.

00:00:11: Erstens Installation und Start.

00:00:15: Zweitens Arbeit an Coding-Projekten und an normalen Projekten mit Dateien ohne Copy-Paste zwischen Fenstern.

00:00:25: Der Einstieg geht schnell.

00:00:27: Suche nach Cloud Code.

00:00:28: Install, Öffne die offizielle Doku und gehe in den Quick Start.

00:00:34: Dort steht ein Terminal Befehl zum Kopieren.

00:00:37: Cloud Code läuft in der Kommandozeile.

00:00:40: Das wirkt zuerst wie ein Thema für Entwickler.

00:00:43: Viele kommen trotzdem gut rein.

00:00:46: Öffne das Terminal, füge den Befehl ein und warte, bis die Installation durchläuft.

00:00:52: Wenn ein Schritt scheitert, wiederhole ihn und folge den Meldungen im Terminal.

00:00:58: Grundregel ab Tag eins.

00:01:00: Wenn dir etwas unklar bleibt, sag Cloud Code immer wieder, erklär mir den Schritt.

00:01:07: Nach der Installation startest du Cloud Code mit einem kurzen Befehl, zum Beispiel mit Cloud.

00:01:14: Dann siehst du Optionen wie Light Mode oder Dark Mode.

00:01:18: Das betrifft die Optik.

00:01:20: Danach folgt die wichtigste Auswahl.

00:01:22: Anmeldung per Subscription oder per Konsole mit API Key.

00:01:28: Die Wege unterscheiden sich beim Abrechnungsmodell.

00:01:31: Mit Cloud Pro oder Macs arbeitest du mit einer Pauschale.

00:01:35: Macs bietet mehr Nutzungskapazität.

00:01:38: Für intensive Arbeit eignet sich oft Abrechnung per API-Key, also nach Verbrauch.

00:01:44: Dann siehst du Tokenverbrauch und setzt Limits, zum Beispiel über ein Kartenlimit.

00:01:50: Für den Start reicht ein Setup, das für dich schnell läuft.

00:01:54: Bei Anmeldung per API-Key öffnet sich im Hintergrund ein Browserfenster.

00:01:59: Du meldest dich im Anthropic-Account an und autorisierst die Verbindung.

00:02:04: Danach geht die Session im Terminal weiter.

00:02:07: Dort erscheint ein wichtiger Hinweis.

00:02:09: Claude Code basiert auf einem Large-Language-Model.

00:02:13: Fehler und Halluzinationen kommen vor, Inhalte von außen beeinflussen Antworten.

00:02:20: Je nach Freigaben liest Claude Code Dateien, Schreibdateien, recherchiert, lädt Inhalte herunter, und führt weitere Aktionen aus.

00:02:30: Darum bestätigst du bewusst jeden Schritt und fragst nach, bis du ihn verstehst.

00:02:36: Ein Kernpunkt.

00:02:37: Claude Code arbeitet immer in Ordnern.

00:02:40: Beim Start einer neuen Session fragt Claude Code nach Vertrauen für den aktuellen Ordner.

00:02:46: Innerhalb dieses Ordners arbeitet Claude Code mit deinen Dateien.

00:02:51: Wähle darum einen klaren Projektordner statt im ganzen System zu starten.

00:02:56: Und noch wichtiger, tippe niemals Passwörter, API Keys oder andere Geheimnisse in Cloud Code.

00:03:04: Achte darauf, dass solche Werte nicht in Dateien landen, die später hochgeladen werden.

00:03:10: Zum Verständnis hilft ein kleines Coding Beispiel.

00:03:13: Lege einen neuen Ordner an, zum Beispiel unter deinem Nutzerverzeichnis in Development und darin einen leeren Ordner namens Asteroids.

00:03:24: Öffne das Terminal und wechsle in den Ordner, per CD oder per Dragon Drop des Pfad ins Terminal.

00:03:33: Starte Cloud Code direkt in diesem Ordner mit Cloud und bestätige Vertrauen für den Ordner.

00:03:42: In Cloud Code gibt es slash-Commands, zum Beispiel slash-init.

00:03:49: Viele DevTools arbeiten so, weil du damit schnell arbeitest.

00:03:55: In einem komplett leeren Ordner brauchst du slash init am Anfang nicht zwingend, die Mechanik hilft später.

00:04:05: Dann gibst du das Ziel vor, baue mir ein Asteroids ähnliches Browser Game.

00:04:12: Claude stellt Rückfragen zum Beispiel zu Stil, Sound oder Steuerung.

00:04:19: Dieser Schritt ist der Planungsmodus.

00:04:22: Claude strukturiert zuerst, was gebaut wird.

00:04:27: Bei größeren Projekten hilft das für ein sauberes Konzept.

00:04:32: Wenn Claude danach fragt, ob die Umsetzung starten soll, triffst du eine Wahl.

00:04:39: Manuelle Bestätigung jeder Änderung oder Auto-Accept.

00:04:46: Für den Einstieg passt Manuel besser, weil du jede Änderung am System siehst.

00:04:53: Du siehst dann zum Beispiel, Claude legt eine Index.html an.

00:04:59: Bei Unsicherheit fragst du, was die Datei macht und warum sie gebraucht wird.

00:05:06: Diese Lernschleife trennt reine Bedienung von echtem Verständnis.

00:05:13: Nach deiner Zustimmung legt Claude Dateien im Projektordner an.

00:05:19: Hier passiert der Aha-Moment.

00:05:22: Das sind echte Dateien auf deinem Rechner.

00:05:26: Kein Copy-Paste, kein Hin und Her zwischen Tapps.

00:05:31: Du siehst im Finder live, wie neue Dateien entstehen.

00:05:36: Hilfreich ist ein kurzes Grundbild für Idees wie VS Code oder Cursor.

00:05:43: Eine IDE zeigt oft links Dateien in der Mitte den Editor und unten ein Terminal.

00:05:52: Dazu kommt ein KI-Assistent.

00:05:55: Claude Code übernimmt diese Rolle als Terminal-Tool.

00:06:00: ohne dass du eine große Umgebung öffnen musst.

00:06:05: Ein Terminal braucht wenig Ressourcen, mehrere Sessions laufen parallel.

00:06:12: Wenn das Browser Game fertig ist, startest du direkt lokal.

00:06:18: Index.tml öffnet der Browser direkt.

00:06:23: Ziehe die Datei in ein Browserfenster, das Spiel läuft lokal.

00:06:30: Dann folgt die iterative Arbeit.

00:06:33: Beispiele füge Sound hinzu.

00:06:37: Erkläre mir die Steuerung.

00:06:39: Passe das Fluggefühl an.

00:06:43: Claude passt die Dateien an, du lädst im Browser neu und testest.

00:06:49: Bei Abrechnung per API-Key siehst du dabei auch den Kostenpunkt.

00:06:56: Claude zeigt Tokenverbrauch an.

00:06:59: Das wirkt am Anfang ungewohnt, danach passt sich dein Gefühl an.

00:07:05: Cloud wählt je nach Aufgabe oft ein günstigeres oder teureres Modell.

00:07:12: Du setzt trotzdem klare Limits, damit nichts aus dem Ruder läuft.

00:07:18: Wichtig ist Projektgedächtnis.

00:07:22: Cloud Code legt Kontexten einer Datei im Projektorten ab, oft über slash init.

00:07:30: Dann entsteht eine Cloud-Datei mit Projektaufbau, Dateirollen und getroffenen Entscheidungen.

00:07:38: Diese Datei hilft nach einer Pause beim Wiedereinstieg.

00:07:44: Du forderst jederzeit ein Update dieser Datei an, damit der Stand sauber bleibt.

00:07:51: Für Teilen gilt, lokal auf dem Rechner bedeutet nicht automatisch online verfügbar.

00:08:00: Für Onlinezugriff brauchst du Hosting.

00:08:03: Häufige Optionen, Vercel, Netlify, Cloudflare.

00:08:10: Typischer Ablauf.

00:08:12: Lege den Code in ein Git Repository.

00:08:16: Hoste den Code über GitHub.

00:08:19: Verbinde den Hosting-Dienst mit GitHub.

00:08:23: Bei jedem Push aktualisierte Hosting-Dienst die Live-Version.

00:08:28: Mit wachsenem Umfang kommt oft ein Backend dazu.

00:08:32: Login, Nutzerkonten, Datenspeicherung, Highscores, Bestellungen.

00:08:39: Dafür brauchst du oft Datenbank oder Backend-Services.

00:08:43: z.B.

00:08:45: AWS oder Google Cloud oder einfache Dienste wie Superbase oder Firebase.

00:08:53: Hier wird Arbeit schnell anspruchsvoll, weil Sicherheit, Rollen und Datenhaltung sauber sitzen müssen.

00:09:01: Cloud Code führt dich Schritt für Schritt durch die Umsetzung.

00:09:05: Du prüfst jede Änderung bewusst.

00:09:09: Das wichtigste Sicherheitsprinzip, Geheimnisse gehören nicht in deinen Code.

00:09:14: und erst recht nicht in Tools die Inhalte weiterleiten.

00:09:19: Gibt keine Passwörter oder API Keys in Cloud Code ein.

00:09:24: Pusche keine Secrets nach GitHub.

00:09:27: Nutze stattdessen Environment Variables.

00:09:31: Lokal liegen Werte oft in einer Punkt-Enf-Datei.

00:09:36: Damit diese Datei nicht im Repository landet, kommt sie in Punkt-Git-Ignore.

00:09:43: Punkt Git Ignore sagt Git, welche Dateien ignoriert werden.

00:09:48: Hosting-Plattformen wie Vercel oder Netlify bieten dafür Oberflächen, in denen du Environment Variables sicher hinterlegst, dein Code greift dann darauf zu, ohne Secrets im Repository.

00:10:02: Wenn du unsicher bist, richtest du dir in Cloud Code einen eigenen Security Agent ein.

00:10:09: Über einen slash-Komand, wie slash-agent, legst du einen Agenten mit klarer Rolle an, zum Beispiel Security Audit.

00:10:20: Aufgabe Prüfe den Projektordner auf typische Risiken.

00:10:26: Suche nach Secrets.

00:10:28: Prüfe Security Headers Markiere typische Frontend-Risiken Gib konkrete Empfehlungen.

00:10:38: Der Agent geht den Code durch und legt einen Audit-Report als Datei im Projektordner ab.

00:10:45: Das ersetzt keine professionelle Prüfung für kritische Systeme, liefert aber einen starken Qualitätsfilter für den Alltag.

00:10:55: Clot-Code eignet sich nicht auf Coding reduziert.

00:10:59: Ordner plus Agent plus Dateien funktioniert genauso für Wissensarbeit.

00:11:06: Beispiel.

00:11:08: In deinem Projektordner liegen zwei PDFs, zum Beispiel Studien oder interne Dokumente.

00:11:15: Ziel, Argumentationsstruktur bauen, seriöse Quellen ergänzen, Inhalte zusammenführen, am Ende eine Präsentation bauen.

00:11:28: Auch hier legst du ein Projektordner an, legst die PDFs hinein, wechselst im Terminal in den Ordner und startest Clotcode.

00:11:41: Dann gibst du ein Prompt wie Lies die PDFs im Ordner, fasse Kernaussagen zusammen, baue eine Strategie, lege eine Projektdatei an, die Vorgehendokumentiert.

00:11:59: Danach folgt, baue mir eine HTML-Präsentation, die im Browser klickbar läuft, schlichtes hochwertiges Design.

00:12:12: Claude legt eine Strukturdatei an, speichert Erkenntnisse als Markdown-Dateien, und generiert danach die HTML-Präsentation.

00:12:24: Der Vorteil gegenüber einem Chat im Browser, alles liegt im Projektordner.

00:12:31: Kein Upload und Download, kein Suchen, kein Copy-Paste.

00:12:38: Dateien, Struktur, Ergebnisse und Präsentation bleiben an einem Ort.

00:12:46: Claude arbeitet mit dem kompletten Ordner-Kontext weiter.

00:12:51: Für Änderungen sagst du zum Beispiel, Überarbeite die Argumentationsstruktur.

00:12:58: Ordne Dateien in Unterordner.

00:13:01: Passe das Design an unser Corporate Design an.

00:13:06: Cloud arbeitet direkt an den Projektdateien, statt Text in ein Chatfenster zu schreiben.

00:13:11: Wenn du diese Logik einmal drin hast, wächst die Bandbreite schnell.

00:13:20: Codingprojekte, Präsentationen, Recherchen, Dokusysteme, interne Vorlagen, Automatisierte Checks über Agents.

00:13:32: Der Schlüssel bleibt gleich.

00:13:34: Klare Ordner, klare Aufgabenstellung, bewusste Freigaben für Aktionen, konsequente Sicherheit, besonders bei Secrets.