Verrückte Claude-Fähigkeiten, die dein Vibe Coding tatsächlich verzehnfachen
AAI LABS
컴퓨터/소프트웨어마케팅/광고창업/스타트업AI/미래기술
스크립트
00:00:00Agenten-Fähigkeiten machen deine KI-Agenten so viel mächtiger. Deshalb stellen wir dir sechs
00:00:05erstaunliche Fähigkeiten vor, mit denen du viel schneller mit KI-Agenten bauen kannst. Aber diese Fähigkeiten werden nicht
00:00:10die Art und Weise ersetzen, wie du ohnehin schon arbeitest. Wenn du bereits eine Arbeitsweise mit deinem Agenten hast, kannst du
00:00:14sie einfach beibehalten. Diese Fähigkeiten ändern daran nichts. Stattdessen fügen sie neue Dinge hinzu, die dein KI-Coding-
00:00:19Agent tun kann, von denen du vorher vielleicht nicht gedacht hättest, dass sie möglich sind. Diese Fähigkeiten wurden von einigen
00:00:24der bekanntesten Köpfe im Bereich KI entwickelt. Zum Beispiel gibt uns eine davon vier Regeln an die Hand, die wir in
00:00:29jedem einzelnen KI-Coding-Projekt verwenden. Eine andere verändert völlig, wie KI-Agenten das Internet sehen und
00:00:35Websites nutzen. Falls du neu auf dem Kanal bist: Hallo und herzlich willkommen! Wir sind ein Softwareunternehmen und das ist AI
00:00:40Labs. Und in diesem Video gehen wir sechs Fähigkeiten durch, die deine Zusammenarbeit mit KI-Agenten definitiv verändern werden.
00:00:45Das größte Problem bei Fähigkeiten ist übrigens nicht ihre Erstellung. Es ist, sie aktuell zu halten. Jedes Mal,
00:00:50wenn dein Agent einen Fehler wiederholt, musst du das bemerken und die Fähigkeit selbst verbessern. Aber die Task-
00:00:55Observer-Fähigkeit erledigt das genau während deiner eigentlichen Arbeit. Die ganze Idee hinter dieser Fähigkeit ist, dass
00:01:00Fähigkeiten durch die Probleme besser werden, auf die du während der echten Arbeit stößt. Du kannst dich nicht einmal hinsetzen und
00:01:05jeden Fehler vorhersagen, den der Agent machen wird. Also hält er Ausschau nach nützlichen Lektionen, während du arbeitest. Wenn
00:01:10dieselbe Lösung eine neue Fähigkeit werden könnte, zeichnet er das auf. Und wenn eine bestehende Fähigkeit eine neue Regel braucht,
00:01:15zeichnet er auch das auf. Wenn du diese Fähigkeit installierst, hast du zwei Optionen. Du kannst sie in
00:01:19dem main.clawd-Ordner installieren, wodurch sie in jeder Clawd-Code-Sitzung auf deinem Computer funktioniert. Oder du
00:01:25kannst sie innerhalb eines Projekts installieren. Wir empfehlen die Installation pro Projekt, weil das die
00:01:29Lektionen für jedes Projekt getrennt hält und die Verwaltung erleichtert. Sobald sie installiert ist, erstellt sie
00:01:34eine Datei namens log.md, in der alles aufgezeichnet wird, was ihr auffällt. Diese Datei befindet sich im Hauptordner
00:01:40von Clawd Code auf deinem Computer, außerhalb des eigentlichen Projekts. Wenn du die Fähigkeit pro Projekt installierst, führt jedes Projekt
00:01:45sein eigenes Protokoll. Daneben gibt es eine weitere Datei für Regeln, die für jede deiner Fähigkeiten gelten sollten.
00:01:51Nehmen wir also an, du entscheidest, dass keine deiner Fähigkeiten jemals den Namen eines echten Kunden in eine Datei schreiben darf.
00:01:56Diese Regel gilt nicht nur für die Fähigkeit, die du zu dem Zeitpunkt verwendet hast, sie sollte für alle gelten. Also wandert sie
00:02:00in diese zweite Datei. Während des Setups fordert dich diese Fähigkeit außerdem auf, eine Anweisung zu deiner clawd.md-
00:02:06Datei hinzuzufügen. Diese Anweisung sorgt dafür, dass Clawd die Fähigkeit während deiner Arbeit ausführt, damit sie kontinuierlich Lektionen und
00:02:11Verbesserungen finden kann. Innerhalb des Logs erhält jede Fähigkeit ihren eigenen Abschnitt und die vorgeschlagenen Änderungen werden
00:02:16darunter geschrieben. Aber diese Fähigkeit ändert die echte Fähigkeit nicht sofort. Die Lektionen im Protokoll werden
00:02:21in zukünftigen Sitzungen verwendet und du kannst sie überprüfen, bevor du entscheidest, ob sie ein
00:02:26dauerhafter Teil der Fähigkeit werden sollen. Das verhindert, dass ein einziges schlechtes Ergebnis automatisch zu einer Regel wird, die der
00:02:31Agent für immer befolgt. Wir sind darauf bei der Fähigkeit gestoßen, die wir zum Erstellen von Animationen für unsere Videos verwenden.
00:02:36Dieses Projekt hat viele benutzerdefinierte Anweisungen, die dafür sorgen, dass die Animationen so aussehen, wie sie es tun, und wir
00:02:42verbessern sie ständig. Viele dieser Animationen enthalten Markenlogos. Modelle können diese
00:02:47Logos von sich aus nicht richtig erstellen. Deshalb müssen wir ihnen das Logo in einem Codeformat namens SVG übergeben. Wir hatten
00:02:52diese Dateien zuvor manuell von einer Website namens LoebHub bezogen. LoebHub hat auch ein Tool, das Agenten über
00:02:58das Terminal ausführen können, sodass unser Agent annahm, er könne dieses Tool verwenden, um die Logos zu holen – aber das Tool war für
00:03:02etwas anderes gedacht und schlug daher fehl. Diese Fähigkeit hat aufgezeichnet, dass das LoebHub-Tool nicht für unser
00:03:08Animationssystem verwendet werden sollte. Sie hat auch die richtige Quelle zum Abrufen der Logos gefunden und dies als neue
00:03:13Regel festgehalten. Wir haben beide Lektionen überprüft und zur Fähigkeit hinzugefügt. Jetzt weiß der Animationsagent genau,
00:03:18wo er die Markenlogos herbekommt, und kann sie hinzufügen, ohne dass wir das manuell tun müssen. Aber bevor wir zum nächsten
00:03:23Schritt übergehen, wäre es toll, wenn du den Kanal abonnierst und den Hype-Button drückst. Diese kleine Geste der
00:03:28Unterstützung hilft uns sehr. Dein Agent kann ein funktionierendes Produkt bauen, aber ein funktionierendes Produkt kann immer noch
00:03:34Leute verlieren, bevor es überhaupt Geld einbringt. Die nächsten Fähigkeiten decken die Teile deiner App ab, die genau das
00:03:39verhindern. Diese Fähigkeiten stammen von Corey Haynes und sind Teil einer Sammlung von 48 Marketing-
00:03:44fähigkeiten. Der Name lässt vielleicht vermuten, dass sie nur für Werbung und Inhalte gedacht sind, aber die Sammlung deckt
00:03:49all die verschiedenen Wege ab, wie ein Produkt Geld verdient, und drei davon sind direkt in die App integriert.
00:03:54Zuerst haben wir einen wirklich wichtigen Teil der App, den die meisten Leute beim Coding mit KI völlig übersehen –
00:03:59und das ist das Onboarding. Onboarding ist der Prozess, der einem neuen Benutzer hilft, sich einzurichten und dein
00:04:04Produkt zu nutzen. Dann haben wir das Hauptinstrument, das deine Konversion antreibt: deine Paywall. Eine Paywall
00:04:09ist der Bildschirm, der erscheint, wenn ein Benutzer versucht, etwas zu nutzen, wofür er bezahlen muss. Und drittens,
00:04:14haben wir die Abwanderungsrate (Churn), die eine der wichtigsten Kennzahlen ist, um zu verstehen, ob die Leute bei
00:04:18deinem Produkt bleiben. Churn tritt auf, wenn Leute, die für dein Produkt bezahlen, aufhören zu bezahlen. Das ist also die App,
00:04:23die wir für den Rest des Videos verwenden werden. Es ist eine Next.js-App, was eine der Standardmethoden zum
00:04:28Erstellen einer Web-App ist, und wir haben sie für ein Fitnessstudio gebaut. Leute können sie nutzen, um eine Mitgliedschaft im Studio zu bekommen, ihren
00:04:33Trainer auszuwählen und ihre Übungen festzulegen. Im Grunde ist alles, was man zum Betrieb des Studios braucht, in einer einzigen
00:04:38App enthalten. Als Datenbank verwenden wir Supabase, was eine der einfachsten Möglichkeiten ist, alles zu speichern, was die
00:04:43App benötigt. Sie speichert die Benutzer und alle Informationen innerhalb der App und verwaltet außerdem das Anmelde-
00:04:48system. Wenn wir den Ordner mit den Fähigkeiten öffnen, siehst du die drei Marketing-Fähigkeiten neben den Supabase-
00:04:53Fähigkeiten. Und genau dafür ist eine Fähigkeit da. Du nutzt sie, um deinem Agenten Informationen zu geben, die er nicht
00:04:58bereits hat. Supabase wird ständig aktualisiert, sodass das Training des Modells nicht immer mit der
00:05:03Version übereinstimmt, die du verwendest. Es ist außerdem eine der beliebtesten Datenbanken für Apps dieser Art. Wenn du also
00:05:08damit entwickelst, lohnt es sich, diese Fähigkeiten zu installieren. Wir verlinken sie auch in der Beschreibung.
00:05:12Beginnen wir mit der Onboarding-Fähigkeit: Was du hier siehst, ist ein Prototyp. Das bedeutet, er
00:05:16wurde noch nicht zur echten App hinzugefügt. Er ist nur hier, um uns zu zeigen, was sich die Fähigkeit ausgedacht hat. Bevor
00:05:21wir die Fähigkeit nutzten, bedeutete die Registrierung, fünf verschiedene Dinge in fünf separaten Schritten zu beantworten. Das
00:05:26machte es für jemanden viel schwieriger, in die App zu gelangen und sie zu nutzen. Die neue Version füllt also
00:05:31den Namen der Person aus der Karte aus, die sie bereits ausgefüllt hat. Wenn sie ihr Konto erstellen, ist das einzige Neue,
00:05:35nach dem gefragt wird, der Standort ihres Studios. Danach leitet es sie direkt zu den Tarifen weiter und
00:05:40hat bereits den beliebtesten ausgewählt, was die Entscheidung erleichtert. Das sind keine frei erfundenen
00:05:45Entscheidungen. Sie basieren darauf, wie sich Menschen über Jahre hinweg bei echten Produkten verhalten haben. Sobald
00:05:50der Benutzer die App betritt, wird jeder von uns entfernte Einrichtungsschritt in einen Fortschrittsbalken am unteren Rand verschoben. Die
00:05:55App fragt nur nach den Informationen, die sie benötigt, um sie loslegen zu lassen, und der Hinweis bleibt dort, bis
00:06:00sie den Rest später erledigen. Jemanden in die App zu bekommen bedeutet jedoch nicht, dass er dafür bezahlt. Hier
00:06:05kommt die Paywall-Fähigkeit ins Spiel. Der Ansatz dieser Fähigkeit bestand darin, die Leute sich kostenlos registrieren zu lassen
00:06:10und ihnen dann zu zeigen, was sie bekommen würden, wenn sie für einen Tarif bezahlen. Einige Inhalte sind verfügbar,
00:06:14während der Rest gesperrt bleibt. Der Bildschirm leitet sie dann direkt zur Preisseite weiter, wo sie
00:06:19ihn freischalten können. Du hast dieses Muster schon in vielen Apps gesehen, aber wenn du einen Agenten einfach bittest, eine
00:06:24Paywall hinzuzufügen, wird er diese Entscheidungen normalerweise nicht treffen, weil diese Prinzipien nicht in ihm verankert sind.
00:06:29Und jemanden zum Bezahlen zu bringen bedeutet immer noch nicht, dass er weiterbezahlt. Die letzte Fähigkeit dreht sich also darum,
00:06:33die Abwanderung zu verhindern. Dafür haben wir die Kündigungsseite. Wenn jemand versucht, seine Mitgliedschaft zu kündigen,
00:06:38beendet die App diese nicht sofort. Sie fragt zuerst, warum sie gehen möchten. Sobald sie einen Grund ausgewählt haben,
00:06:44unterbreitet sie ihnen basierend auf dieser Antwort ein besseres Angebot. Der Bildschirm nutzt zudem kleinere Designentscheidungen, um
00:06:49Kündigungen zu reduzieren. Das Pausieren der Mitgliedschaft ist der Hauptbutton auf der Seite, während das Fortsetzen der
00:06:53Kündigung als einfacher Text darunter angezeigt wird. Diese Implementierung ist zwar noch generisch,
00:06:58weil es sich um eine Demo handelt. Sobald du der Fähigkeit jedoch deine echten Benutzerdaten und die Details dessen gibst, was du verkaufst,
00:07:03können ihre Entscheidungen viel spezifischer für dein Produkt werden. Die meisten Probleme mit Coding-Agenten kommen nicht
00:07:09vom Code selbst. Sie rühren daher, dass der Agent Entscheidungen trifft, um die du ihn nie gebeten hast. Diese nächste
00:07:14Fähigkeit verwandelt den Rat von Andrej Karpathy in vier Regeln, die genau das verhindern. Die erste Regel hält den
00:07:20Agenten davon ab, zu raten, wenn deine Anfrage nicht klar ist. Er muss dir sagen, was er annimmt, dir die
00:07:25verschiedenen Optionen zeigen und nachfragen, bevor er eine Entscheidung trifft, die das Projekt in eine andere Richtung lenken könnte.
00:07:29Die zweite Regel hindert ihn daran, mehr zu bauen, als du verlangt hast. Er muss die einfachste Lösung
00:07:35verwenden, die funktioniert, anstatt zusätzliche Funktionen, Einstellungen oder Systeme für Probleme hinzuzufügen, die du noch gar
00:07:39nicht hast. Die dritte Regel hält ihn davon ab, irgendetwas außerhalb des Auftrags zu ändern, den du ihm gegeben hast. Er muss sich an das anpassen,
00:07:44was bereits da ist, nur das Chaos aufräumen, das er selbst verursacht hat, und dich auf andere Probleme hinweisen, anstatt sie
00:07:49auf eigene Faust zu beheben. Und die letzte Regel hindert den Agenten daran, einen Job als erledigt zu erklären, nur weil er
00:07:54etwas geändert hat. Bevor er beginnt, muss er festlegen, wie das Ergebnis aussehen soll und wie er dieses Ergebnis überprüfen wird.
00:07:59Dann muss er so lange weiterarbeiten, bis jede Überprüfung erfolgreich ist. Nun, du kannst dies als normale Fähigkeit installieren,
00:08:04aber wir verwenden es etwas anders, da dies Regeln sind, die wir in jedem Coding-Projekt haben möchten. Auf unseren
00:08:09Macs bewahren wir alle unsere Coding-Projekte in einem einzigen Entwicklerordner auf. Wir haben diesem Ordner ein eigenes
00:08:15Benutzersymbol gegeben und ihn in die Finder-Seitenleiste gezogen, sodass jedes Projekt am selben Ort beginnt.
00:08:20Innerhalb dieses Entwicklerordners installieren wir dies nicht als Fähigkeit. Wir kopieren die vier Regeln in eine
00:08:25clawd.md-Datei im Stammverzeichnis des Ordners. Clawd Code liest die clawd.md-Datei innerhalb eines Projekts und
00:08:31geladen. Wenn wir also ein Programmierprojekt im
00:08:37Developer-Ordner öffnen, werden diese vier Regeln zusammen
00:08:42mit den projekteigenen Anweisungen geladen. Das gibt jedem Projekt die gleichen Basisregeln,
00:08:48ohne sie auf andere Claude-Code-Sitzungen auf dem restlichen Computer anzuwenden. Eine der größten
00:08:53Einschränkungen von KI-Agenten ist, dass sie nach wie vor schlecht mit Websites umgehen können.
00:08:58Browser-Agenten müssen jede Seite öffnen, die richtigen Buttons finden und sich mühsam durch die Seite
00:09:04arbeiten. OpenCLI ändert das, indem es über 100 Websites, einschließlich der Konten, bei denen
00:09:08du bereits angemeldet bist, in Befehle verwandelt, die dein Agent direkt ausführen kann. Nun, das ist
00:09:14nicht nur ein Skill, es besteht aus drei Teilen, die Hand in Hand arbeiten. Du hast das Haupttool
00:09:19OpenCLI, eine Erweiterung für Chrome und eine Reihe von Skills, die deinem Agenten beibringen,
00:09:24wie man alles bedient. OpenCLI weiß bereits, wie man verschiedene Aufgaben auf über 100 Websites
00:09:30erledigt. Jeder Befehl erfüllt eine klare Aufgabe: Anstatt deinen Agenten zu bitten, X zu öffnen,
00:09:35deine Lesezeichen zu suchen und alles herauszukopieren, kann er einen einzigen Befehl ausführen
00:09:40und deine Lesezeichen als saubere Liste abrufen. Die Chrome-Erweiterung verbindet OpenCLI mit den
00:09:45Websites, bei denen du bereits eingeloggt bist. Das bedeutet, dein Agent kann dein Konto nutzen, ohne
00:09:51dass du ihm erneut dein Passwort geben musst. Die Skills bringen deinem Agenten dann bei, wie er
00:09:57den richtigen Befehl findet, bei Bedarf einen neuen erstellt oder einen anpasst, falls sich die
00:10:02Website ändert. Ein gutes Beispiel ist X. X verlangt Gebühren für den Zugriff auf seine offizielle
00:10:08API, also den Weg, wie andere Software seine Daten nutzen darf. Wenn du jedoch bereits bei X in
00:10:13Chrome eingeloggt bist, ermöglicht OpenCLI deinem Agenten, über dein Konto Beiträge zu durchsuchen,
00:10:18Lesezeichen zu lesen, zu posten, zu antworten und Leuten zu folgen. Wenn du also eine Produktidee
00:10:24recherchierst, kann dein Agent danach suchen, was die Leute zu diesem Problem sagen. Er kann auch
00:10:29alle deine gespeicherten Beiträge in eine saubere Liste verwandeln, die er für die Recherche
00:10:34nutzen kann. Dies ist für Aufgaben gedacht, die du über Websites mit deinem eigenen Konto ausführst.
00:10:39Es ist nicht dazu gedacht, die offiziellen Tools in einer App zu ersetzen, die du an andere
00:10:45Leute verkaufst. KI-Modelle neigen dazu, dieselben Designs zu wiederholen. Anstatt also den
00:10:50ersten Entwurf zu akzeptieren, den sie dir liefern, solltest du nach mehreren Versionen fragen und sie
00:10:55vergleichen. In einem echten Projekt wird es jedoch schnell unübersichtlich, den Überblick über
00:11:00verschiedene Versionen jedes Seitenteils zu behalten. Hier kommt der Very8-Skill ins Spiel. Er
00:11:05stammt vom selben Autor, der auch den Hallmark-Design-Skill entwickelt hat, der viele Sterne
00:11:10erhalten hat und bereits auf unserem Kanal vorgestellt wurde. Wir empfehlen diesen Skill hauptsächlich
00:11:14für Landingpages, weil er das Ausprobieren verschiedener Ideen erheblich vereinfacht. Das ist also
00:11:20unsere Fitnessstudi-App von vorhin. Dieser Skill fügt ein kleines Menü hinzu, mit dem du verschiedene
00:11:25Versionen eines App-Teils erstellen und vergleichen kannst. Wir haben ihn zur Landingpage hinzugefügt.
00:11:30Sobald wir uns also anmelden und die Haupt-App betreten, verschwindet das Menü. Über dieses Menü
00:11:34können wir zwischen all den verschiedenen Versionen hin und her wechseln. Im Moment haben wir nur
00:11:40Variationen des Hero-Bereichs erstellt. Wenn wir also zwischen ihnen umschalten, bleibt der Rest der
00:11:45Landingpage exakt gleich. Nun, das ist eine echte Next.js-App, aber wenn du den Kanal verfolgt
00:11:50hast, weißt du, dass wir beim Entwerfen einer App normalerweise mit einer einfachen HTML-Seite
00:11:54beginnen. Hier haben wir also dieselbe Art von Landingpage in HTML erstellt, und das Very8-Menü
00:11:59beliebtesten Plattformen für den Online-Verkauf digitaler Produkte. Sie basieren auf seinem Buch The Minimalist
00:12:04auswählen, die uns gefällt. Diese Auswahl wird direkt an den Agenten übermittelt, und dann können
00:12:09wir ihn bitten, weitere Versionen eines anderen Teils der Seite zu erstellen. Das bedeutet, dass
00:12:14du nicht jedes Mal die gesamte Landingpage neu gestalten musst. Du kannst verschiedene Versionen
00:12:19eines Buttons, eines Abschnitts oder des Headers ausprobieren und sie so lange kombinieren, bis du
00:12:24die Variante findest, die dir gefällt. Jeder Skill, den wir bisher behandelt haben, hilft deinem
00:12:29Agenten dabei, ein besseres Produkt zu bauen, aber das alles spielt keine Rolle, wenn du etwas
00:12:34baust, das niemand haben will. Diese letzte Sammlung von Skills hilft dir dabei, die grundlegende
00:12:39Entscheidung zu treffen: ob du das Produkt überhaupt bauen solltest. Diese Skills wurden von
00:12:44Sahil Lavingia entwickelt, dem Gründer von Gumroad, einer der beliebtesten Plattformen für den
00:12:49Verkauf digitaler Produkte im Internet. Sie basieren auf seinem Buch „The Minimalist Entrepreneur“,
00:12:54das in 10 Skills umgesetzt wurde. Neun dieser Skills führen dich durch die verschiedenen Phasen
00:12:58des Aufbaus eines Unternehmens. Der erste Skill hilft dir dabei, eine Zielgruppe zu finden, für die
00:13:03du bauen kannst, und verfährt dabei genau umgekehrt zu der Art und Weise, wie die meisten Leute
00:13:08auf eine Idee kommen. Normalerweise wählst du zuerst eine Idee aus und suchst dann nach Leuten,
00:13:12die sie wollen könnten. Dieser Skill fängt jedoch bei den Menschen an. Er bringt dich dazu, dir
00:13:18die Gruppen anzusehen, in denen du bereits bist, und die Probleme zu finden, über die sich die
00:13:23Leute immer wieder beschweren. Eines dieser Probleme kann deine Produktidee werden. Dann prüft er,
00:13:28ob sich diese Gruppe lohnt. Er fragt, ob du diese Leute erreichen kannst, ohne für Werbung zu
00:13:33bezahlen, und ob sie bereits Geld ausgeben, um solche Probleme zu lösen. Das Finden eines echten
00:13:38Problems liefert dir eine Idee, aber es beweist noch lange nicht, dass auch jemand für deine
커뮤니티 글
아직 글이 없습니다. 이 영상에 대한 첫 번째 글을 작성해 보세요!
이 영상에 대해 글쓰기