Das Erstellen von KI-Fähigkeiten ohne Tests führt zu Dokumentation, die Agenten unter Druck ignorieren. Diese Fähigkeit wendet Test-Driven Development auf die Fähigkeitenerstellung an: Führen Sie zunächst Fehlerszenarien aus, dokumentieren Sie die Fehler, schreiben Sie Fähigkeiten, die diese spezifischen Lücken adressieren, und verifizieren Sie dann die Einhaltung.

Verwenden Sie diese Fähigkeit, um umfassende Implementierungspläne mit überschaubaren Aufgaben zu erstellen, bevor Sie Code schreiben. Sie strukturiert Aufgaben in 2-5-Minuten-Schritte mit genauen Dateipfaden, Testbefehlen und Commit-Nachrichten.

Diese Fähigkeit behebt PageSpeed Insights- und Lighthouse-Accessibility-Fehler, die durch Farbkontrastprobleme verursacht werden. Sie scannt nach CSS-Mustern, die Accessibility-Audit-Fehler auslösen, und bietet bewährte Korrekturmuster zur Verbesserung Ihrer SEO-Performance.

Diese Fähigkeit führt automatisch Audits von Webschnittstellen gemäß den Vercel Web Interface Guidelines durch und identifiziert Probleme mit Barrierefreiheit, UX-Probleme und Verstöße gegen die Design-Compliance in Ihrem UI-Code.

Die Erstellung mehrkomponentiger React-Artefakte für Claude-Konversationen erfordert komplexes Bundling und Konfiguration. Diese Fähigkeit automatisiert die Projektinitialisierung mit React 18, TypeScript, Tailwind CSS und über 40 shadcn/ui-Komponenten und bündelt anschließend alles in eine einzige HTML-Datei.

Lokale Webanwendungstests erfordern zuverlässige Browser-Automatisierung ohne manuelle Einrichtung. Dieses Toolkit bietet Playwright-Skripte und Server-Verwaltungsdienste zur Optimierung von Frontend-Test-Workflows.

Diese Fähigkeit verhindert, dass KI-Agenten falsche Fertigstellungsbehauptungen aufstellen, indem sie tatsächliche Verifizierungsnachweise verlangt, bevor sie Erfolg meldet. Sie stellt sicher, dass Tests bestehen, Builds erfolgreich sind und die Arbeit tatsächlich abgeschlossen ist.

Das Erstellen performanter React-Anwendungen erfordert das Verständnis komplexer Optimierungsmuster. Diese Fähigkeit bietet 45 priorisierte Regeln vom Vercel Engineering, um KI beim Schreiben, Überprüfen und Refaktorieren von React- und Next.js-Code für optimale Performance zu unterstützen.

Deploye jedes Projekt auf Vercel ohne Authentifizierung oder Konfiguration. Der Skill verpackt deinen Code, erkennt dein Framework automatisch und liefert Live-Preview-URLs in Sekunden zurück.

Diese Meta-Skill etabliert kritische Workflow-Disziplin, indem sie Claude Code dazu auffordert, vor jeder Antwort oder Aktion nach relevanten Skills zu suchen und diese aufzurufen. Dadurch werden verpasste Möglichkeiten und Rationalisierungen vermieden.

Git Worktrees ermöglichen gleichzeitiges Arbeiten an Branches ohne Kontextwechsel. Diese Fähigkeit bietet systematische Verzeichnisauswahl und Sicherheitsüberprüfung für zuverlässige Arbeitsumgebungsisolation.

Das Erstellen professioneller UI/UX-Designs erfordert tiefes Wissen über Barrierefreiheit, Farbtheorie, Typografie und stackspezifische Muster. Diese Skill bietet eine durchsuchbare Datenbank mit über 50 Designstilen, Farbpaletten, Schriftkombinationen und Implementierungsrichtlinien, um Ihnen zu helfen, polished Interfaces schneller zu erstellen.

Verwandeln Sie einfache Dokumente und Präsentationen in optisch ansprechende Produkte mit kuratierten Designthemes. Wählen Sie aus 10 vorgefertigten Themes oder erstellen Sie individuelle Stylings, die Ihrer Markenidentität entsprechen.

Das Schreiben von Tests nach dem Code führt zu falschem Vertrauen und übersehenen Randfällen. Diese Fähigkeit erzwingt die TDD-Disziplin: Schreiben Sie zuerst einen fehlschlagenden Test und implementieren Sie dann nur genug Code, um ihn zu bestehen.

Zufällige Fixes verschwenden Zeit und erzeugen neue Bugs. Diese Fähigkeit bietet ein vierphasiges Debugging-Framework, das Grundursachen vor der Implementierung von Lösungen findet und somit verschwendete Mühe bei symptomorientierten Fixes verhindert.

KI-Agenten haben oft Schwierigkeiten mit komplexen Multi-Task-Implementierungen. Dieses Skill löst dies, indem frische Subagents für jede Aufgabe mit obligatorischer Spec-Compliance und Code-Qualitätsprüfungen eingesetzt werden.

Erstellen Sie animierte GIFs, die für Slack optimiert sind, mit Python PIL. Generieren Sie benutzerdefinierte Animationen mit Easing-Funktionen und automatischer Dateigrößenoptimierung für Emoji- und Nachrichtenkontekste.

Das Erstellen effektiver AI-Skills erfordert Verständnis für Kontextverwaltung, progressive Offenlegung und wiederverwendbares Ressourcendesign. Dieser Skill bietet ein vollständiges Framework zur Erstellung modularer Skills, die Claudes Fähigkeiten erweitern, ohne Kontextfensterplatz zu verschwenden.

Entwickler übersehen oft Probleme in ihrem eigenen Code, weil sie zu nah an der Implementierung dran sind. Diese Fähigkeit beauftragt einen KI-Subagenten, Code-Änderungen anhand der Anforderungen zu überprüfen, wobei Qualität, Architektur, Tests und Produktionsreife vor dem Mergen bewertet werden.

Code-Review erfordert technische Bewertung, nicht emotionales Auftreten. Dieses Skill bietet ein strukturiertes Muster zur Überprüfung von Review-Feedback vor der Implementierung und stellt technische Korrektheit über sozialen Komfort.