Diese Claude Skills nutzt er jeden einzelnen Tag

AAI LABS
Computing/SoftwareAdvertising/MarketingInternet Technology

Transcript

00:00:00Der Schöpfer von Claude Code hat bereits seinen gesamten Workflow enthüllt,
00:00:04und wir haben bereits ein Video darüber gemacht.
00:00:08Wir haben viel daraus gelernt und angefangen, seine Prinzipien in unserer eigenen Arbeit anzuwenden.
00:00:14Aber wir wollten noch weiter gehen und suchten nach den spezifischen Fähigkeiten und Tools,
00:00:21die sein Team tatsächlich täglich einsetzt.
00:00:28Wir haben ihre Posts, die Open-Source-Repos und den offiziellen Plugin-Marktplatz durchforstet,
00:00:32um die Fähigkeiten und Befehle herauszufiltern, die sie wirklich nutzen.
00:00:38Einige davon können Sie sofort installieren, andere sind interne Tools,
00:00:43die das Team nie veröffentlicht hat – aber wir haben herausgefunden, was sie tun und wie Sie Ihre eigenen bauen können.
00:00:47Eine Fähigkeit, die sie nutzen, ist das "Frontend Designs"-Plugin für Claude Code.
00:00:55Es wurde entwickelt, um Designs mithilfe einfacher Prompts zu konvertieren
00:01:00und sie gleichzeitig in Bezug auf UI und UX zu verbessern.
00:01:05Es ist als Open Source verfügbar, und das Repo enthält einen "Skill" mit spezialisierten Anweisungen für Design.
00:01:08Dies ist direkt im offiziellen Claude Code Plugin-Repo verfügbar.
00:01:13Der Grund dafür ist im Grunde, dass die KI die allgemeine "KI-Ästhetik" vermeidet –
00:01:24also die üblichen Designs, zu denen Modelle meistens neigen.
00:01:28Der Installationsprozess ist einfach: Sie können es direkt über den offiziellen Marktplatz der Claude Code Plugins hinzufügen.
00:01:39Falls es nicht vorinstalliert ist, nutzen Sie den Befehl "add marketplace" des Plugins
00:01:45und installieren es von dort aus.
00:01:52Nach einem Neuladen steht das Plugin zur Verfügung.
00:01:56Sobald es installiert ist, können Sie den Skill direkt über den Slash-Befehl aufrufen
00:02:02und angeben, was Sie damit machen möchten.
00:02:04Da Skills normalerweise immer dann aufgerufen werden, wenn Claude die Notwendigkeit für deren Funktion erkennt,
00:02:12wird dieser Skill auch ausgelöst, wenn Claude es für nötig hält, und kann ihn während der Ausführung aufrufen.
00:02:15Ein weiterer Skill, den das Team hinter Claude Code täglich nutzt, ist der "Batch"-Skill.
00:02:18Dieser Skill ist direkt in das Produkt integriert und darauf ausgelegt,
00:02:26Aufgaben zu automatisieren, die leicht parallelisiert werden können,
00:02:30wie etwa die Migration von Code von einer Bibliothek zu einer anderen.
00:02:35Sie können ihn direkt in Claude Code verwenden und nach dem Batch-Befehl jede beliebige Anweisung zur Ausführung geben.
00:02:44Sobald Sie Claude Code diesen Prompt geben, identifiziert es zuerst die Aufgabe
00:02:48und zerlegt sie in Teilaufgaben, indem es in den Planungsmodus wechselt.
00:02:51Dies ermöglicht es ihm, die Implementierung gründlich zu untersuchen und zu planen, bevor es zur Ausführung kommt.
00:02:55Nun könnten Sie denken, dass Claudes Agenten-System Aufgaben ohnehin schon in kleinere Teile zerlegt
00:03:00und diese parallel ausführt. Warum ist das also nötig?
00:03:06Der Unterschied besteht darin, dass der Batch-Befehl separate "Worktrees" verwendet.
00:03:10Dies sind isolierte Kopien Ihres Repositories, sodass jeder Agent in seiner eigenen Umgebung arbeiten kann.
00:03:15Dadurch wird verhindert, dass sich die Agenten gegenseitig bei der Arbeit beeinflussen.
00:03:23Der während der Planung erstellte Plan enthält den aktuellen Zustand der App,
00:03:27eine Aufteilung der gesamten Arbeit in Einheiten, eine Liste erforderlicher Ergänzungen
00:03:32und Anweisungen für die Durchführung der End-to-End-Verifizierung.
00:03:40Sobald Sie diesen Plan genehmigen, werden so viele Agenten gestartet, wie es Arbeitseinheiten gibt,
00:03:45wobei jeder einen eigenen Prompt erhält und sichergestellt wird, dass jeder Agent in einem separaten Worktree agiert.
00:03:48Jeder Agent meldet seinen Fortschritt an den Hauptagenten zurück.
00:03:54Sobald alle ihre Aufgaben abgeschlossen haben, führt der Hauptagent alle isolierten Worktrees in den Hauptzweig zusammen.
00:03:59Er kann sogar den Pull Request verwalten, falls ein Remote konfiguriert ist.
00:04:01Sie nutzen auch häufig das "Code Simplifier"-Plugin.
00:04:10Dieses Plugin ist Open Source und kann für die Nutzung in Ihrem eigenen Projekt heruntergeladen werden.
00:04:20Es ist im offiziellen Plugin-Repo verfügbar und kann nach denselben Installationsschritten installiert werden.
00:04:26Nach der Installation sehen Sie es in Ihrer Liste der installierten Plugins.
00:04:32Sie können es auch direkt im Repo suchen und von dort installieren.
00:04:36Dieses Plugin verfeinert Code für mehr Klarheit, während die Funktionalität erhalten bleibt.
00:04:39Um es zu nutzen, geben Sie einen Prompt ein, woraufhin der Agent innerhalb des Code Simplifiers initialisiert wird.
00:04:49Er startet dann einen einzelnen Agenten, um die gesamte Codebasis zu vereinfachen,
00:04:55indem Duplikate und unnötige Dateien entfernt werden, was den Code sauberer und handhabbarer macht.
00:04:59Sobald die Arbeit abgeschlossen ist, liefert er eine Zusammenfassung der vorgenommenen Änderungen.
00:05:04Das ähnelt tatsächlich dem "Claude Code Simplify"-Skill, der als Produkt innerhalb von Claude Code veröffentlicht wurde.
00:05:08Der Hauptunterschied ist, dass "Simplify" drei Agenten startet
00:05:15und den Code anhand mehrerer Metriken streng evaluiert, um ihn einfacher und effektiver zu machen.
00:05:19Simplify ist also eine gründlichere Version des Code Simplifier-Plugins, und beide Tools werden vom Team intensiv genutzt.
00:05:22Aber bevor wir fortfahren, ein Wort von unserem Sponsor.
00:05:26Airtop. Wenn Sie jede Woche Stunden damit verbringen, repetitive Aufgaben manuell zu erledigen,
00:05:33gibt es einen viel besseren Weg.
00:05:39Mit Airtop können Sie KI-Agenten erstellen, die rund um die Uhr in echten Cloud-Browsern laufen – in einfachem Englisch.
00:05:49Kein Code, keine APIs.
00:05:55Ich habe deren "Competitor Spy"-Vorlage eingerichtet, drei URLs von Konkurrenten eingegeben
00:06:01und ihr gesagt, sie solle diese täglich auf Preisänderungen, neue Funktionen und Positionierungs-Updates überwachen.
00:06:05Jeden Morgen startet Airtop einen Cloud-Browser, navigiert auf jede Seite, löst Captchas und Anti-Bot-Maßnahmen,
00:06:08vergleicht alles mit den Daten von gestern und sendet eine Zusammenfassung direkt in mein Slack.
00:06:12Einmal 10 Minuten investiert, und jetzt bekomme ich jeden Morgen ein Briefing zur Wettbewerbsanalyse,
00:06:21noch bevor ich meinen Laptop aufklappe.
00:06:28Erstellen Sie zuverlässige Automatisierungen in Minuten und melden Sie sich bei Airtop mit dem Code "AI Labs" an,
00:06:38um einen kostenlosen Monat des Starter-Plans zu erhalten.
00:06:44Klicken Sie auf den Link im fixierten Kommentar und bauen Sie Ihre Automatisierung mit Airtop.
00:06:50Ein weiterer Skill, den das Team intern nutzt, ist der "Verify"-Skill.
00:06:56Er wird in ihren Tweets nicht erwähnt, aber aus dem geleakten Quellcode geht hervor,
00:07:02dass es ein interner Skill für Anthropic-Mitarbeiter ist, der hinter einem CLI-Flag versteckt und für andere nicht verfügbar ist.
00:07:10Dieser Skill verifiziert Codeänderungen, indem er die App ausführt,
00:07:17die Änderungen aus verschiedenen Blickwinkeln testet und Fehler automatisch behebt.
00:07:31Da dieser intern verwendet wird, befindet sich der System-Prompt nicht im Code des Produkts.
00:07:36Er wird direkt in die Umgebung injiziert, wenn jemand aus dem Team ihn tatsächlich nutzt.
00:07:44Dies könnte der Grund sein, warum er nicht öffentlich freigegeben wurde, da er extrem projektspezifisch ist.
00:07:51Aber wenn Sie Ihr eigenes Projekt bauen, können Sie Ihren eigenen Verify-Skill erstellen,
00:07:58indem Sie den Skill Creator oder das Repo als Vorlage nutzen.
00:08:06Es wird Ihre Codebasis scannen und einen auf Ihr Projekt zugeschnittenen Verify-Skill generieren.
00:08:13Die Verifizierung kann je nach Projekt unterschiedlich aussehen.
00:08:21Einige nutzen vielleicht Playwright, MCP-Verifizierung, Tests oder andere Methoden.
00:08:26Die Kernidee ist jedoch, dass der Agent eine Möglichkeit braucht, um zu bestätigen,
00:08:31dass seine Änderungen wie beabsichtigt funktionieren, und dieser Skill übernimmt diese schwere Arbeit.
00:08:38Die Anweisungen des Skills enthalten eine Schritt-für-Schritt-Anleitung zum Umgang mit Codeänderungen
00:08:44und zur Rückmeldung über die verfügbaren Tools.
00:08:48Er enthält auch Beispiele in CLI.md, die alle CLI-Tools auflisten, auf die der Skill zugreifen kann –
00:08:52einschließlich Lintern, Exit-Codes, NPM-Testdateien und mehr.
00:08:57Für eine optimale Nutzung sollte er mit Testfällen und visueller Verifizierung
00:09:04über die Claude-Chrome-Erweiterung konfiguriert werden.
00:09:08Ein weiterer interner Skill, der in Claude Code versteckt und nur für Anthropic-Mitarbeiter verfügbar ist, ist "Skillify".
00:09:12Dieser Skill erfasst eine gesamte Sitzung und verwandelt sie in einen wiederverwendbaren Skill.
00:09:15Wie der Verify-Skill ist er durch ein Umgebungs-Flag geschützt.
00:09:19Aber im Gegensatz zu Verify ist der System-Prompt für Skillify im Quellcode enthalten.
00:09:23Zweck von Skillify ist es, eine Sitzung aufzuzeichnen, in der Sie mit Claude einen Workflow brainstormen,
00:09:28den Prozess durch mehrere Gespräche verfeinern und ihn dann als Skill speichern.
00:09:33Er identifiziert besprochene wiederholbare Prozesse, alle erwähnten Tools und Berechtigungen,
00:09:39die beteiligten Agenten und alles, was zur Erstellung eines Skills nötig ist.
00:09:43Er interagiert dann mit dem Benutzer, um Absichten zu klären, bricht die Schritte herunter,
00:09:47finalisiert die skill.md-Datei und generiert eine detaillierte Anleitung mit allen nötigen Anweisungen.
00:09:52Aber Sie brauchen keinen Zugriff auf die interne Version. Sie können Ihren eigenen Skillify-Skill bauen,
00:09:59indem Sie den Quellcode als Leitfaden nutzen.
00:10:07Sobald er aufgerufen wird, analysiert der Skillify-Befehl die Sitzung gründlich
00:10:12und bestätigt mit Ihnen, ob seine Schlussfolgerungen korrekt sind.
00:10:18Er stellt Folgefragen, um den Workflow zu klären, generiert dann eine skill.md-Datei
00:10:21und stellt sie Ihnen zur Überprüfung bereit.
00:10:26Nachdem Sie bestätigt haben, dass er Ihren Anforderungen entspricht, können Sie ihn in Ihrem Projekt speichern.
00:10:27Ein weiteres Tool, das sie nutzen, ist der "Claude Code Security Scan"-Befehl,
00:10:30der die Codebasis nach Schwachstellen scannt und Patches vorschlägt.
00:10:36Er wurde vom Team intern genutzt, um mehrere Sicherheitsprobleme zu identifizieren,
00:10:42und später als Security-Scan-Funktion in Claude Code veröffentlicht.
00:10:45Der System-Prompt ist im geleakten Quellcode zugänglich.
00:10:50Das Tool ist so konfiguriert, dass es Scans aus verschiedenen Blickwinkeln durchführt –
00:10:52darunter Eingabevalidierung, Authentifizierungsprobleme, Secret-Management, Injektionen und mehr.
00:10:57Es enthält zudem eine tiefgehende Analysemethodik und bezieht mehrere Standards direkt in das Tool ein.
00:11:01Dies ist eine integrierte Funktion, sodass Sie direkt darauf zugreifen können, um alle Dateien einer Sicherheitsprüfung zu unterziehen.
00:11:04Anschließend können Sie Claude auffordern, die identifizierten Probleme zu beheben,
00:11:08und es wird die notwendigen Änderungen implementieren, um die App sicher zu machen.
00:11:12Dies ist besonders hilfreich für große Anwendungen, bei denen Sicherheitslücken schwer zu entdecken sind.
00:11:18Da KI-generierter Code große Mengen an Änderungen produziert, könnten Schwachstellen versehentlich in die Produktion gelangen,
00:11:20was dieses Tool verhindert.
00:11:23Wenn Ihnen unsere Inhalte gefallen, drücken Sie bitte den Hype-Button,
00:11:26da uns das hilft, mehr solcher Inhalte zu erstellen und mehr Menschen zu erreichen.
00:11:29Der Schöpfer von Claude Code sagt, dass ihr Team Slash-Befehle für jeden Workflow nutzt,
00:11:32der repetitive Aufgaben beinhaltet.
00:11:34Zum Beispiel nutzen sie einen "commit-pushpr"-Befehl, der Code pusht und einen Pull Request öffnet.
00:11:40Dieser Befehl ist Open Source und auf dem offiziellen Marktplatz der Claude Code Plugins verfügbar.
00:11:45Sie können auf den Commit-Befehl zugreifen, der Commits basierend auf Änderungen generiert,
00:11:50indem Sie einer bestimmten Abfolge von Schritten folgen.
00:11:55Er enthält genau den Befehl, den der Schöpfer in seinem Post erwähnt hat.
00:11:58Zur Installation gehen Sie zum Plugin-Marktplatz, suchen nach dem Commit-Befehl und installieren ihn.
00:12:00Nach der Installation haben Sie Zugriff auf alle verfügbaren Befehle im Repo.
00:12:04Sie können diese direkt in Ihren Workflows nutzen, um repetitive Aufgaben zu rationalisieren.
00:12:06In dem Workflow, den der Schöpfer enthüllte, erwähnte er auch einen "Tech Debt"-Skill.
00:12:09Sie riaten dazu, ihn am Ende jeder Sitzung auszuführen, um duplizierten Code zu finden.
00:12:12Dieser ist nicht Open Source und wird vom Team nur intern genutzt.

Key Takeaway

Die Effizienz von Claude Code basiert auf der Nutzung spezialisierter Skills wie Batch-Verarbeitung in isolierten Worktrees und automatisierten Sicherheits-Scans, die repetitive Entwickleraufgaben in einen agentenbasierten Workflow überführen.

Highlights

Das Frontend Designs-Plugin verbessert UI und UX durch spezialisierte Anweisungen direkt im offiziellen Claude Code Plugin-Repository.

Der Batch-Befehl nutzt isolierte Worktrees, um parallele Agenten-Aufgaben ohne gegenseitige Beeinflussung der Code-Umgebungen durchzuführen.

Der interne Verify-Skill automatisiert die Fehlerbehebung, indem er Anwendungen startet und Codeänderungen aus verschiedenen Perspektiven testet.

Skillify verwandelt komplette Brainstorming-Sitzungen in wiederverwendbare .md-Dateien mit detaillierten Anweisungen für zukünftige Workflows.

Die integrierte Security-Scan-Funktion prüft Codebasen auf Eingabevalidierung, Authentifizierungsprobleme und Secret-Management-Lücken.

Der commit-pushpr-Befehl automatisiert den gesamten Prozess vom Generieren der Commit-Nachricht bis zum Eröffnen eines Pull Requests.

Timeline

Optimierung von Frontend-Designs

  • Spezialisierte Anweisungen im Frontend Designs-Plugin verhindern die Entstehung einer generischen KI-Ästhetik.
  • Die Installation erfolgt direkt über den offiziellen Claude Code Plugin-Marktplatz mittels add marketplace-Befehl.
  • Claude löst den Design-Skill automatisch aus, sobald das Modell eine Notwendigkeit für UI-Verbesserungen erkennt.

Die Integration erfolgt nahtlos in den bestehenden Workflow durch Slash-Befehle oder automatisierte Trigger. Das Tool zielt darauf ab, Designs nicht nur zu konvertieren, sondern aktiv die Benutzererfahrung zu steigern. Das Open-Source-Repository bietet hierfür die notwendigen spezialisierten Befehlssätze.

Parallelisierung durch Batch-Befehle

  • Isolierte Worktrees ermöglichen die gleichzeitige Arbeit mehrerer Agenten an derselben Codebasis ohne Konflikte.
  • Der Planungsmodus zerlegt komplexe Aufgaben wie Bibliotheksmigrationen in verifizierbare Arbeitseinheiten.
  • Ein Hauptagent koordiniert die Ergebnisse der Teilagenten und führt die isolierten Zweige nach Abschluss zusammen.

Der Batch-Befehl unterscheidet sich von der standardmäßigen Aufgabenverteilung durch die strikte Trennung der Arbeitsumgebungen. Jeder Agent erhält einen spezifischen Prompt und meldet den Fortschritt an die Zentrale zurück. Dies umfasst auch die End-to-End-Verifizierung und die Verwaltung von Pull Requests.

Code-Vereinfachung und Qualitätsmetriken

  • Der Code Simplifier entfernt Duplikate und unnötige Dateien zur Steigerung der Wartbarkeit.
  • Die Simplify-Funktion nutzt drei parallele Agenten für eine strengere Evaluation der Code-Klarheit.
  • Nach Abschluss der Bereinigung liefert das System eine detaillierte Zusammenfassung aller strukturellen Änderungen.

Während das Basis-Plugin für einfache Reinigungsaufgaben ausreicht, bietet die Produktversion von Simplify eine tiefere Analyse. Durch die Anwendung mehrerer Metriken wird sichergestellt, dass die Funktionalität trotz massiver Reduktion der Komplexität erhalten bleibt. Beide Werkzeuge sind Teil des täglichen Toolsets zur Vermeidung von technischer Schuld.

Interne Verifizierungs- und Automatisierungstools

  • Der Verify-Skill testet Codeänderungen durch aktive Programmausführung und behebt identifizierte Fehler eigenständig.
  • Skillify extrahiert aus Chat-Sitzungen wiederholbare Prozesse und speichert diese als fertige Skill-Dateien.
  • Eigene Verifizierungs-Skills lassen sich durch Scannen der lokalen Codebasis und Nutzung von CLI-Vorlagen erstellen.

Viele dieser Funktionen sind primär für interne Teams über CLI-Flags zugänglich, können aber durch die Analyse der System-Prompts nachgebaut werden. Die Verifizierung nutzt Tools wie Playwright oder Lintern, um die Korrektheit der Änderungen zu garantieren. Skillify hingegen fungiert als Dokumentations-Automatisierung für komplexe Workflows.

Sicherheitsscan und Workflow-Rationalisierung

  • Integrierte Sicherheits-Scans prüfen Anwendungen auf Schwachstellen wie Injektionen und mangelhaftes Secret-Management.
  • Slash-Befehle wie commit-pushpr bündeln repetitive Git-Aufgaben in einem einzigen Prozessschritt.
  • Die regelmäßige Ausführung eines Tech-Debt-Skills am Ende jeder Sitzung identifiziert redundantem Code.

Die Sicherheitsfunktion basiert auf einer tiefgehenden Analysemethodik, die verschiedene Industriestandards einbezieht. Da KI-generierter Code oft umfangreich ist, dient dieses Tool als kritischer Filter vor der Produktion. Durch die Kombination von Sicherheits- und Workflow-Tools wird die gesamte Entwicklungskette abgesichert und beschleunigt.

Community Posts

View all posts