Wie ich Claude Code mit Vercel Agent Skills ENORM verbessert habe

BBetter Stack
컴퓨터/소프트웨어창업/스타트업AI/미래기술

Transcript

00:00:00Das ist Skills By The Cell, ein Verzeichnis für Agent-Skills, die du jedem KI-Agenten hinzufügen kannst,
00:00:04um seine Fähigkeiten zu erweitern – etwa um ihn zum React-Profi, zum Frontend-Designer
00:00:10oder sogar zum Motion-Graphics-Editor zu machen. Das Ganze funktioniert, indem ein Repo geklont und gescannt wird,
00:00:15um vor der Installation zu prüfen, ob eine skills.md-Datei vorhanden ist. Aber wird der neue Vorschlag von Cloudflare
00:00:22diese großartige Ressource überflüssig machen? Abonniert den Kanal und lasst uns direkt loslegen.
00:00:27Agent-Skills wurden letztes Jahr von Anthropic eingeführt, um die Fähigkeiten von Claude für spezifische
00:00:32Aufgaben zu verbessern. Dabei wird ein Skills-Verzeichnis im .claude-Ordner erstellt und darin ein weiteres
00:00:37Verzeichnis mit dem Namen des Skills sowie einer skills.md-Datei angelegt.
00:00:42Damit der Skill funktioniert, muss diese Datei einige Schlüsselelemente enthalten. Zuerst den oberen Bereich,
00:00:47das Frontmatter in YAML, das mindestens den Namen des Skills und eine Beschreibung enthalten sollte.
00:00:52Darunter, außerhalb des Frontmatters, folgen dann die eigentlichen Anweisungen für den Skill.
00:00:58Diese Anweisungen werden in den Kontext des Modells geladen, damit es sie für die jeweilige Aufgabe nutzen kann.
00:01:03Die Besonderheit der Skills liegt in einer Technik namens "Progressive Disclosure". Dabei werden anfangs nur
00:01:08die nötigsten Informationen angezeigt, und das Modell kann bei Bedarf tiefer graben.
00:01:13Wenn ein Agent startet, werden zunächst nur die Frontmatter-Informationen jedes Skills in den
00:01:19Kontext geladen. Sobald ein Prompt eingeht, prüft er anhand der Beschreibungen, ob ein
00:01:24Skill den Prompt optimieren kann. Falls ja, wird alles außerhalb des Frontmatters in den aktiven Kontext geladen.
00:01:31Man kann sogar andere Dateien als Referenzen mit Skills verknüpfen, damit das Modell
00:01:36bei Bedarf darauf zugreifen kann.
00:01:40Inzwischen haben auch andere Unternehmen wie Microsoft, OpenAI und OpenCode Agent-Skills übernommen.
00:01:46Bisher gab es jedoch keinen einfachen Weg, einen Skill für mehrere Agenten zu installieren, ohne manuell
00:01:52ins Verzeichnis zu gehen und das Repo zu klonen. Das wurde besonders deutlich, als Vercel
00:01:58eigene Tool-Skills teilen wollte, damit Nutzer sie in ihre Agenten einbinden können. Also schufen sie
00:02:03das Projekt "Add Skill", das die Installation für 16 verschiedene Agenten vereinfacht. Einfach "npx add-skill",
00:02:11gefolgt vom Namen des Skills oder dem Repo-Link eingeben.
00:02:14Ich weiß, was ihr jetzt denkt: Was hindert Leute daran, mit Add Skill jedes beliebige Repo hinzuzufügen?
00:02:19Nun, nach dem Befehl wird das Repo geklont und nach einer skills.md-Datei gesucht.
00:02:25Wird keine gefunden, wird das Repo wieder gelöscht. Falls doch, erkennt das Tool automatisch
00:02:32die installierten Agenten des Nutzers anhand der Konfigurationen und erstellt dann einen
00:02:37Symlink von .agents/skills zum jeweiligen Zielordner des Agenten – etwa .cursor für Cursor oder .claude für Claude Code.
00:02:44Es gibt auch eine Telemetrie-Funktion zum Tracking, auf die ich später noch eingehe. Damit bot Vercel
00:02:49endlich eine einfache Möglichkeit, Skills für jeden Agenten zu installieren.
00:02:55Aber wie findet man neue Skills? Hier kommt skills.sh ins Spiel, das aktuell eine lange Liste
00:03:01unkategorisierter Skills zeigt. Diese Liste füllt sich, glaube ich, sobald jemand einen Skill
00:03:08über Add Skill installiert. Das löst die Telemetrie im Paket aus, um Infos wie den Namen und kompatible
00:03:14Agenten hinzuzufügen. Diese Telemetrie ist komplett anonym und dient nicht nur zum Befüllen
00:03:20der Liste, sondern zeigt auch, wie oft ein Skill für welchen Agenten heruntergeladen wurde,
00:03:26was wiederum Trends der letzten 24 Stunden sichtbar macht. Wer dennoch Bedenken wegen des Trackings
00:03:32hat, kann die Telemetrie natürlich komplett deaktivieren.
00:03:37Es ist beeindruckend, wie viel Arbeit Vercel Labs in die Entdeckung von Skills gesteckt hat. Viele nutzen es bereits,
00:03:42um geniale Skills wie React Native-Unterstützung für Agenten zu finden,
00:03:48Best Practices für Better Auth oder den extrem populären Remotion-Skill, mit dem man
00:03:53aus einem einzigen Prompt komplexe Videos erstellen kann. Doch macht Cloudflares neuer Vorschlag
00:03:59das alles jetzt zunichte? Er führt nämlich eine alternative Methode zur Skill-Entdeckung ein,
00:04:05bei der Agenten eine kleine JSON-Datei von einem standardisierten Ort abrufen, die alle verfügbaren
00:04:12Skills eines Anbieters auflistet. Man könnte also einen Prompt schreiben wie: "Erstelle mir ein Cloudflare-Projekt
00:04:18mit Wrangler", und der Agent liest den Prompt und prüft den standardisierten Ort,
00:04:24wie etwa [cloudflare.com/.well-known/skills](https://www.google.com/search?q=https://cloudflare.com/.well-known/skills). Dort ruft er die index.json ab,
00:04:30die Pflichtangaben pro Skill enthält, wie Name, Beschreibung und die Anzahl der zugehörigen Dateien.
00:04:38Anschließend gibt er diese Informationen an den Agenten weiter. Basierend auf dem Prompt
00:04:44erkennt der Agent dann mithilfe der index.json-Datei, dass der Wrangler-Skill von diesem
00:04:49bekannten Ort benötigt wird. Er ruft daraufhin alle zum Skill gehörenden Dateien von dort ab,
00:04:55speichert sie für spätere Prompts im Cache und nutzt den Skill direkt für die Antwort
00:05:01an den Benutzer.
00:05:08Cloudflares Vorschlag klingt zwar cool, erfordert aber zusätzliche Schritte, um einen Skill auffindbar zu machen –
00:05:14wie das Erstellen der index.json und das Bereitstellen unter einer speziellen URL. Im Vergleich dazu,
00:05:20einen Skill einfach auf GitHub zu posten und von Vercel finden zu lassen, finde ich,
00:05:27dass Cloudflares Ansatz kleineren Entwicklern eher schadet. Falls der Vorschlag aber angenommen wird –
00:05:33wobei unklar ist, wer das entscheidet –, könnte das das Ende für Vercels skills.sh bedeuten.
00:05:40Ich bin mir jedoch sicher, dass beide Ansätze koexistieren könnten. Man könnte skills.sh nutzen,
00:05:46um Skills von Indie-Entwicklern zu finden, und den Cloudflare-Ansatz für die automatische
00:05:52Erkennung von Skills großer Unternehmen wie Cloudflare oder Vercel. Wie auch immer –
00:05:57wenn Entwickler mit diesen Skills neue Projekte bauen, braucht man ein gutes Error-Tracking,
00:06:03falls mal etwas unbemerkt schiefgeht. Hier kommt Better Stack ins Spiel.
00:06:07Es verarbeitet nicht nur Backend-Logs, sondern überwacht auch Frontend-Fehler
00:06:12mit seinem KI-gestützten Error-Tracking. Zu guter Letzt kann Better Stack auch
00:06:18schicke Status-Seiten erstellen. Schaut euch Better Stack also unbedingt mal an.
00:06:23beautiful status pages so go ahead and check out better stack today.

Key Takeaway

Vercel Labs revolutioniert die Anpassbarkeit von KI-Agenten durch ein einfaches Installationstool für Skills, während Cloudflare einen konkurrierenden Standard für die automatisierte Skill-Erkennung großer Anbieter vorschlägt.

Highlights

Einführung von Agent-Skills durch Anthropic zur Erweiterung der Fähigkeiten von Claude mittels einer skills.md-Datei.

Vercels "Add Skill"-Tool vereinfacht die Installation von Skills für 16 verschiedene KI-Agenten wie Cursor oder Claude Code.

Das Konzept der "Progressive Disclosure

Timeline

Grundlagen der Agent-Skills und technische Struktur

Das Video beginnt mit der Vorstellung von Skills By Vercel, einem Verzeichnis zur Erweiterung von KI-Agenten für spezialisierte Aufgaben wie React-Entwicklung oder Frontend-Design. Der Sprecher erklärt die technische Basis, die ursprünglich von Anthropic für Claude eingeführt wurde und auf einem .claude-Verzeichnis basiert. Zentrales Element ist die skills.md-Datei, die Frontmatter in YAML für Metadaten und Anweisungen für das Modell enthält. Ein wichtiges Konzept hierbei ist die "Progressive Disclosure", bei der Informationen erst in den Kontext geladen werden, wenn sie für einen Prompt relevant sind. Dies schont die Ressourcen des Modells und verbessert die Effizienz bei komplexen Aufgaben.

Vercels Add-Skill-Tool und plattformübergreifende Installation

In diesem Abschnitt wird erläutert, wie Vercel die Installation von Skills über verschiedene Agenten wie Microsoft, OpenAI und OpenCode hinweg vereinfacht hat. Früher mussten Repos manuell geklont werden, doch mit dem Befehl "npx add-skill" automatisiert Vercel diesen Prozess für 16 verschiedene Agenten. Das Tool scannt das Ziel-Repo nach einer validen skills.md-Datei und löscht es bei Fehlen sofort wieder, um die Sicherheit zu gewährleisten. Bei Erfolg wird ein Symlink erstellt, der den Skill direkt in die Konfigurationen von Tools wie Cursor oder Claude Code einbindet. Dies markiert einen wichtigen Schritt zur Standardisierung der Skill-Verteilung in der Entwickler-Community.

Das Entdeckungsportal skills.sh und Telemetrie-Funktionen

Der Sprecher stellt das Portal skills.sh vor, welches als Marktplatz oder Verzeichnis für neue Agent-Skills fungiert. Die Liste der verfügbaren Skills wird durch anonyme Telemetrie-Daten gespeist, die erfassen, wie oft ein Skill für welchen Agenten heruntergeladen wurde. Nutzer haben die Möglichkeit, dieses Tracking komplett zu deaktivieren, falls Datenschutzbedenken bestehen. Prominente Beispiele für erfolgreiche Skills sind Erweiterungen für React Native, Better Auth oder das Video-Tool Remotion. Diese Plattform ermöglicht es Entwicklern, Trends der letzten 24 Stunden zu verfolgen und schnell hochwertige Werkzeuge für ihre Workflows zu finden.

Der Cloudflare-Vorschlag zur standardisierten Skill-Erkennung

Cloudflare schlägt eine alternative Methode zur Skill-Entdeckung vor, die ohne zentrale Plattformen wie GitHub auskommt. Agenten sollen dabei eine index.json-Datei von einem standardisierten Ort, wie etwa einer .well-known URL auf der Domain des Anbieters, abrufen können. Wenn ein Nutzer nach einem spezifischen Dienst wie Wrangler fragt, prüft der Agent automatisch die Cloudflare-URL und lädt die benötigten Skill-Dateien in den Cache. Dieser Ansatz zielt darauf ab, die Integration von Unternehmens-Tools nahtloser zu gestalten. Er automatisiert den Prozess der Erkennung und Anwendung von Skills direkt aus dem Prompt heraus, ohne dass der Nutzer manuell Installationen vornehmen muss.

Analyse der Ansätze und Empfehlung für Error-Tracking

Zum Abschluss vergleicht der Sprecher die Vor- und Nachteile beider Ansätze und äußert die Sorge, dass Cloudflares Modell kleinere Entwickler benachteiligen könnte. Während Vercel sehr offen für Indie-Entwickler ist, erfordert Cloudflare eine eigene Infrastruktur für die Bereitstellung der JSON-Dateien. Es wird vermutet, dass beide Systeme koexistieren könnten: Vercel für Community-Projekte und Cloudflare für große Technologie-Anbieter. Das Video endet mit einem Hinweis auf die Wichtigkeit von Error-Tracking bei der Entwicklung mit KI-Agenten. Hierfür wird Better Stack empfohlen, das mit KI-Unterstützung sowohl Backend-Logs als auch Frontend-Fehler überwacht und Status-Seiten erstellt.

Community Posts

View all posts