스크립트
00:00:00Wenn du gleichzeitig Claude Code und Codecs verwendest – oder irgendeine andere Kombination
00:00:04verschiedener Coding-Agenten –, dann kennst du den Schmerz, sechs, sieben oder acht verschiedene
00:00:09Terminals gleichzeitig offen zu haben und zu versuchen, nicht nur alle gleichzeitig zu überwachen,
00:00:14sondern auch herauszufinden, welches zuerst deine Aufmerksamkeit braucht. Und wehe, du beendest
00:00:19versehentlich eines dieser Fenster, während es mitten in etwas steckt. Aber es gibt ein Open-Source-Tool,
00:00:22das all diese Probleme für uns lösen kann. Es ist leichtgewichtig, funktioniert auf Mac und Windows,
00:00:27und ich zeige dir heute genau, wie man es benutzt. Das Tool, von dem ich spreche,
00:00:31heißt Herder. Herder ist ein Terminal-Multiplexer. Das bedeutet, ich kann mehrere Terminals
00:00:35von einem einzigen Ort aus steuern. Und das sieht dann in etwa so aus. Ich habe zwei Claude-Code-Terminals
00:00:39oben offen, Open Code hier links und unten rechts habe ich Codecs.
00:00:44Herder bringt uns wirklich drei Dinge. Erstens: Organisation. Zweitens: die Möglichkeit, einfach
00:00:49mehrere Tabs zu überwachen. Und drittens: Persistenz. Was die Organisation angeht, ist es ziemlich klar:
00:00:54Es ist viel einfacher, damit zu arbeiten, als nur einen Haufen Terminal-Tabs verstreut auf dem Desktop
00:01:00liegen zu haben. Das Ganze ist auch agentenorientiert. Du siehst hier links die verschiedenen
00:01:05aufgelisteten Agenten. Und bei der Überwachung zeigt es mir genau, welche gerade arbeiten,
00:01:10wann sie fertig sind oder ob sie feststecken. Und drittens, was die Persistenz angeht:
00:01:14Wenn einer dieser Tabs gerade etwas erstellt, sagen wir, er arbeitet an einer bestimmten Funktion meiner App,
00:01:19und ich schließe das Ding – also ich beende es wirklich –, dann stoppt es nicht. Tatsächlich fungiert Herder
00:01:25als Server. Selbst wenn ich das Fenster schließe, läuft es im Hintergrund weiter,
00:01:30und ich kann es ganz einfach wieder hervorholen. Und bevor ich diese drei Bereiche genauer beleuchte,
00:01:34also Organisation, Überwachung und Persistenz, lassen Sie mich die Frage beantworten, die sich
00:01:39wahrscheinlich viele von euch stellen: Wie unterscheidet sich das von Tmux und Cmux? Tmux gibt es
00:01:44schon seit Jahren und es tut im Grunde dasselbe, indem es alle deine Terminals von einem
00:01:48einzigen Ort aus steuert. Nun, im Vergleich zu Tmux ist dies agentenorientiert. Hier haben wir diesen Agenten-Tab
00:01:53auf der linken Seite. Und wie ich bereits andeutete, gibt uns das die Möglichkeit zu sehen, welche Agenten laufen,
00:01:59welche unsere Eingabe benötigen und welche fertig sind. Es ist also sehr einfach, nicht nur zwei, drei oder vier
00:02:05Terminals zu steuern, sondern fünf, sechs, sieben, acht, sogar solche, die man nicht unbedingt visuell sehen kann. Tmux macht
00:02:09das nicht von Haus aus. Wenn wir es mit Cmux vergleichen, ist der größte Unterschied die Persistenz
00:02:14und auch die Tatsache, dass ich Herder sehr einfach auf Windows verwenden kann. Denkt daran, was
00:02:18Persistenz angeht: Es ist die Idee, dass ich an etwas arbeite, es mitten in der Arbeit beende,
00:02:22es läuft im Hintergrund weiter und ich kann sogar von meinem Handy oder per SSH darauf zugreifen. Das ist also ein
00:02:27kurzer Überblick darüber, was uns Herder bietet und wie es im Vergleich zur Konkurrenz abschneidet. Nun lass uns über
00:02:31die Installation und Nutzung sprechen. Die Installation ist wirklich sehr, sehr einfach. Es ist eine Zeile Code.
00:02:36Gehe einfach auf herder.dev oder auf das Herder-GitHub-Repository, dort findest du diese Befehle.
00:02:41Sie stehen buchstäblich hier. Kopiere einfach diesen Befehl, öffne dein Terminal
00:02:47und füge ihn ein. Lass uns das von Anfang an machen. Sobald du es installiert hast,
00:02:52musst du nur dein Terminal öffnen und „Herder“ eingeben. Und was du sehen wirst, sind
00:02:56drei Dinge: Bereiche (Spaces), Agenten und dann das eigentliche Terminal. Das funktioniert einfach
00:03:03wie ein normales Terminal. Wenn ich Claude Code darin öffne, bumm, habe ich Claude Code. Und ich kann
00:03:09jetzt sehen, dass Claude als Agent im „Chase“-Space gelistet ist. Was sind also Spaces? Denke bei Spaces an
00:03:16Projekte. Ich habe diesen Space, dieses Projekt, das sich gerade in „Chase“ befindet. Ich kann ein neues Projekt
00:03:23hier erstellen. Ich kann es umbenennen, nennen wir es, keine Ahnung, „Web Design“, und speichern. Und das Coole
00:03:32bei Herder ist, dass ich tatsächlich Dinge mit meiner Maus anklicken kann. Es ist nicht rein auf Tastenkombinationen beschränkt.
00:03:37Nehmen wir an, ich habe ein neues Projekt, an dem ich arbeite, „Web Design Test“, und ich habe auch Claude
00:03:42Code dort geöffnet. Ich habe also meinen Haupt-Space und meinen Web-Design-Space. Und du kannst sehen,
00:03:48dass beide Agenten hier gelistet sind. Sie können also an verschiedenen Dingen arbeiten. Ich kann sehen, was sie tun
00:03:53und wo sie stehen, ohne dass diese Terminals notwendigerweise sichtbar sein müssen. Spaces sind also die
00:03:56höchste Ebene, richtig? Sie sind fast wie Ordner, in denen wir arbeiten. Innerhalb jedes Spaces
00:04:01haben wir Panes, Agenten und Tabs. Ich bin hier im ersten Tab innerhalb des „Chase“-Spaces. Wenn ich noch einmal
00:04:10tabbe, kann ich ihn beliebig benennen. Aber das ist fast so, als würde man einen neuen Terminal-Tab erstellen, wie
00:04:13man es in einem normalen Terminal oder in PowerShell machen würde. Wenn ich Claude wieder öffne, was habe ich?
00:04:19Nun, jetzt habe ich zwei Tabs. Ganz einfach. Du kannst sie hier links aufgelistet sehen. Nun, innerhalb
00:04:24jedes Tabs kann ich verschiedene sichtbare Panes haben. Wenn ich also hier rechts klicke und auf „split right“ klicke,
00:04:30dann kann ich Codecs öffnen. Jetzt habe ich ganz klar Claude Code und Codecs im „Chase“-Space
00:04:38innerhalb von Tab eins. Es ist also fast so, als wären Spaces Ordner. Die erste Ebene der Unterordner sind
00:04:45die Tabs. Und innerhalb jedes Tabs kann ich so viele Agenten arbeiten lassen, wie ich will. Wenn wir also,
00:04:52für diesen Fall, vielleicht im ersten Tab diesen umbenennen für „Research“, okay.
00:04:59Ich bin also hier in diesem Bereich, hier werde ich meine ganze Recherche machen, und ich habe es
00:05:02mit Claude und Codecs gemacht. Und in Tab Nummer zwei ist vielleicht einfach nur der Dev-Server.
00:05:09Okay. Ich werde das rein dazu nutzen, am Dev-Server herumzuspielen oder Ähnliches.
00:05:13Richtig. Das erlaubt dir einfach, Dinge sehr klar zu organisieren und sie in verschiedene
00:05:18Kategorien zu packen. Und das alles soll das Chaos bekämpfen, das entsteht, wenn man eine Tonne von
00:05:22Terminals mit einer Tonne von Agenten hat, die eine Tonne verschiedener Dinge tun. Ich habe meine Spaces, um organisiert zu bleiben.
00:05:26Ich habe meine Tabs innerhalb der Spaces, um meine Teilaufgaben innerhalb dieses Projekts organisiert zu halten. Und hier
00:05:33links beim Agenten-Tab kann ich immer durchschauen und sehen, welcher arbeitet und welcher
00:05:38fertig ist. Und ich finde das super nützlich, wenn man etwas wie Claude benutzt, um mit Codecs zu sprechen und
00:05:43mit Codecs, um mit Claude zu sprechen, denn oft machen wir das „headless“, richtig? Ich lasse nur
00:05:47Claude diese „headless“-Instanz von Codecs erstellen, und es schickt Dinge hin und her, und man sieht nicht
00:05:53wirklich, was sie eigentlich tun. Aber damit ist es sehr einfach, ein Auge darauf zu haben, was
00:05:58sie tun. Ich habe zum Beispiel einen Skill, bei dem Claude Code und Codecs hin und her kommunizieren, wenn
00:06:04sie einen Plan haben, richtig? Sie machen eine Reihe von Iterationen, bis sie auf dem gleichen Stand sind. Normalerweise
00:06:07passiert das „headless“, aber innerhalb von Herder ist es sehr einfach für mich, das während
00:06:12des gesamten Prozesses sichtbar zu machen. Lass es mich dir in Aktion zeigen. Hey, kannst du den Codecs-
00:06:17Review-Skill nutzen, um – wir nutzen das als Demo – einen fiktiven Plan für die Erstellung einer Web-App zu erstellen.
00:06:26Ich möchte, dass du einen Plan erstellst und ihn dann mithilfe des Codecs-Reviews ausführst. Also du
00:06:32erstellst den Plan und schickst ihn an Codecs. Ich möchte, dass du den Herder-Skill nutzt, damit du ein neues
00:06:38Pane in Herder erstellst, das mir das tatsächliche Hin und Her zeigt, damit es sichtbar ist. Und du hast vielleicht bemerkt,
00:06:44dass ich den Herder-Skill erwähnt habe. Der Herder-Skill sagt deinen Agenten, wie sie Herder nutzen sollen. Deine
00:06:51Agenten können also tatsächlich verschiedene Panes in Herder spawnen. Sie können verschiedene Spaces erstellen. Also musst
00:06:56du nicht manuell die ganze Organisation kontrollieren. Deine Agenten können das für dich tun. Und alles, was
00:07:01du für die Installation tun musst, ist diese eine Zeile Code in dein Terminal einzufügen. Du findest einen Link
00:07:07dazu auf dem Herder-GitHub, wo es um Agenten-Skills geht. Und bemerkenswerterweise gibt es auch ein
00:07:12komplettes Plugin-Marktplatz für Herder. Wenn du also diesem Link hier folgst, kannst du sehen, wie Leute
00:07:17begonnen haben, eine ganze Reihe verschiedener Add-ons zu diesem Herder-Konstrukt hinzuzufügen. Während
00:07:23das läuft, lass mich dir andere Dinge zeigen. Wir können erkennen, dass dieser spezielle Agent
00:07:27arbeitet, weil wir hier links so ein kleines gelbes Schlängel-Ding haben.
00:07:32Wenn ich auf das Menü klicke und zu den Einstellungen gehe, kann ich das Design, Sounds, Toasts, Labels, Integrationen
00:07:38und Experimente ändern. Wenn ich auf eines der Panes rechts klicke, kann ich sie umbenennen, aufteilen nach rechts, oben, unten,
00:07:43einzoomen, auszoomen – all das gute Zeug. Also jetzt kannst du rechts das Pane sehen, das Claude Code
00:07:49geöffnet hat, und wir haben hier den Codecs-Kritiker. Claude hat also einen Plan erstellt. Es hat ihn an Codecs gesendet. Und du
00:07:53kannst hier sehen, wie Codecs im Grunde all seine Probleme mit dem Plan vorbringt, den Fable entwickelt hat.
00:08:00Also anstatt es „headless“ zu lassen, kann ich das in Echtzeit sehen. Und dann
00:08:04wird es seinen überarbeiteten Plan zurück an Codecs senden. Denn wie du hier sehen kannst, ist das Urteil „überarbeitet“
00:08:10und sie haben dieses Hin und Her bis zum Ende, bis sie zu einem ordentlichen Plan kommen. Lass uns jetzt
00:08:14den Aspekt der Persistenz zeigen. Wir können sehen, dass beide dieser Agenten hier links gerade
00:08:19mitten in der Arbeit stecken. Lass uns das Terminal jetzt komplett schließen. Und obwohl es an ist, läuft es
00:08:24im Hintergrund weiter. Wenn ich also auf PowerShell klicke und das Terminal wieder hervorhole und einfach nur
00:08:30„Herder“ eingebe, nun, da sind sie. Sie arbeiten immer noch, was großartig ist, oder? Solange dein Computer
00:08:38also noch an ist, wird all dies persistieren, was bedeutet, wenn du an einem Laptop oder so etwas bist und
00:08:43du ihn schließt, aber es tatsächlich noch läuft und er ihn nicht einfach in den Schlafmodus versetzt, weißt du, kannst du
00:08:47deine Agenten so lange laufen lassen, wie du willst. Wenn du diese Sitzungen tatsächlich beenden willst,
00:08:51musst du nur rechts klicken und „close pane“ wählen. Und du kannst auch die Spaces in
00:08:56ihrer Gesamtheit schließen, indem du einfach mit der rechten Maustaste darauf klickst und „close“ wählst. Nun, das Letzte, was ich
00:09:00zu Herder erwähnen möchte, sind die Tastenkombinationen. Wenn ich zum Menü gehe und zu den Keybinds gehe, sehe ich alle verfügbaren
00:09:06Tastenkombinationen. Wie gesagt, das Coole an Herder: Vieles davon kann mit Maus und Tastatur gemacht werden.
00:09:11Aber wenn du die Tastenkombinationen nutzen willst, verstehe, dass es Tmux ähnelt. Du musst also im Grunde
00:09:16Strg + B drücken, was dein Präfix-Modus sein wird. Und von dort aus gibt es eine Reihe
00:09:22von Tastenkombinationen, die Dinge ausführen. Wenn da steht „Prefix + V“, um vertikal zu teilen, bedeutet das, ich würde
00:09:27Strg+B drücken, warte, und dann V. Das würde also etwa so aussehen: Strg+B. Jetzt versteht meine Maschine,
00:09:34dass ich über etwas spreche, das ich innerhalb von Herder tue. Ich drücke V, bumm, da haben wir es.
00:09:39Aber ich verstehe, dass vieles davon mit Rechtsklicks und dergleichen erledigt werden kann.
00:09:42Ich wollte es nur erwähnen. Abgesehen davon sind das im Grunde 90 % von Herder. Du hast auch
00:09:47die Möglichkeit, dies mit deinem Telefon und so weiter einzurichten. Aber ich denke, der eigentliche Mehrwert
00:09:52hier ist, wenn du auf deiner eigentlichen Maschine bist und einen Haufen Agenten über verschiedene
00:09:56Coding-Harnesses hinweg ausführst. Die Agenten-Ansicht in Claude Code ist großartig, aber sie funktioniert nur innerhalb von Claude
00:10:01Code, richtig? Oft möchte ich Codecs benutzen. Oft bringe ich etwas von Open Code ein. Also
00:10:06ist das fantastisch für die Überwachung und die Organisation. Und ich mag den ganzen
00:10:12Persistenz-Aspekt wirklich, weil ich schon Terminals beendet habe, während sie mitten in der Arbeit waren.
00:10:17Es ist Open Source. Du kannst es kostenlos nutzen und es funktioniert auf Windows und Mac, wie ich bereits sagte.
00:10:23Also probier es aus. Lass mich wissen, was du denkst. Abgesehen davon, wir sehen uns.