Vue.js-Projekte leiden häufig an unklaren Datenflüssen und Fehlern in der Reaktivität. Dieses Skill bietet umfassende Best Practices für die Entwicklung mit Vue 3 und Nuxt 3, einschließlich korrekter Zustandsverwaltung, Komponentenmustern und Datenfluss-Architektur.

Vue 3-Anwendungen weisen Laufzeitfehler, Warnmeldungen, Async-Fehler und SSR-Hydratisierungsprobleme auf, die schwer zu debuggen sind. Dieser Skill bietet umfassende Debugging-Leitfäden und Lösungen für über 100 häufige Vue 3-Entwicklungsprobleme.

Vue-Projekte leiden oft unter Reaktivitätsfehlern und inkonsistenten Mustern. Dieser Skill bietet Anleitungen zur Vue 3 Composition API, SSR und TypeScript mit konkreten Do's und Don'ts-Beispielen.

Die Erstellung von Vue Composables mit flexiblen Eingabetypen ist herausfordernd. Dieses Skill bietet ein Muster zum Bauen von Bibliothekskomponenten, die sowohl reactive als auch non-reactive Inputs mithilfe von MaybeRef und MaybeRefOrGetter-Typen akzeptieren.

Playwright-Tests leiden oft unter Flakiness, langsamer Ausführung und sch Wartbarkeit. Diese Skill überprüft TypeScript-Testcode gegen über 40 bewährte Best Practices, organisiert in 8 Kategorien, und bietet spezifische Verbesserungsvorschläge mit klaren Beispielen.

Extrahieren Sie Beschreibungen, Objekte und Text aus Bildern mithilfe von KI-Vision-Funktionen. Dieser Skill bietet eine einfache API-Integration für GPT-4o Vision über verging.ai.

Verwandeln Sie Videos mit niedriger Auflösung oder Bildrauschen in scharfe HD/4K-Ergebnisse. Dieser Skill automatisiert die gesamte Verbesserungspipeline – von lokalen Dateien oder Video-URLs – und liefert Ergebnisse ohne manuelles Bearbeiten.

Entwickler benötigen eine einfache Möglichkeit, Sprachausgabe zu ihren Anwendungen hinzuzufügen, ohne komplexe Audio-Infrastruktur verwalten zu müssen. Dieser Skill bietet direkten Zugriff auf OpenAIs TTS-1-HD-Modell über einen unkomplizierten API-Aufruf.

Das manuelle Umwandeln von Audioaufnahmen in Text ist langsam und fehleranfällig. Dieser Skill bietet eine einfache API, um Audiodateien mit OpenAI Whisper zu transkribieren und in Sekunden genauen Text zurückzugeben.

Die Erstellung von Bildern mit KI erfordert die Verwaltung von API-Schlüsseln, Anfrageparametern und Antwortverarbeitung. Dieser Skill bietet eine sofort einsatzbereite Schnittstelle zur Bilderzeugung über die verging.ai Proxy-API und unterstützt sowohl Standard- als auch HD-Qualitätsmodi.

Das manuelle Tauschen von Gesichtern in Videos ist langsam und erfordert spezialisierte Software. Dieser Skill automatisiert den gesamten Workflow mithilfe der verging.ai-API, akzeptiert lokale Dateien oder YouTube/Bilibili-URLs als Eingabe und liefert das Ergebnis direkt aus.

Benutzer benötigen eine einfache Möglichkeit, GPT-4o über den verging.ai-Proxy aufzurufen. Dieser Skill bietet sofort einsatzbereite curl-Beispiele für sowohl Streaming- als auch Nicht-Streaming-Chat-Completions.

Entfernen Sie automatisch Hintergründe aus beliebigen Bildern, um professionelle transparente PNGs zu erstellen. Perfekt für Produktfotos, Porträts und Designarbeiten ohne manuelles Bearbeiten.

Das manuelle Entfernen von Bildhintergründen ist zeitaufwändig und erfordert teure Software. Dieser Skill automatisiert den Prozess mithilfe der verging.ai API und liefert transparente PNG-Ergebnisse aus jeder JPG-, PNG- oder WebP-Datei.

Monorepo-Buildsysteme können komplexe Konfigurationen erfordern. Dieses Skill bietet Expertenrat zur Einrichtung von Turborepo-Pipelines, Aufgabenabhängigkeiten, Caching-Strategien und CI-Integration für JavaScript- und TypeScript-Projekte.

Claude kann automatisch UI-Code gegen etablierte Webdesign-Richtlinien überprüfen und dabei Barrierefreiheitsprobleme, Benutzerfreundlichkeitsprobleme und Verstöße gegen Best Practices erkennen, bevor sie bereitgestellt werden. Diese Fähigkeit ruft die neuesten Richtlinien ab und führt eine statische Analyse durch, um Verbesserungen zu identifizieren.

Das Hinzufügen von sanften Seitenübergängen und Shared-Element-Animationen zu React-Apps erfordert ein Verständnis der View Transitions API und ihrer Integrationsmuster. Diese Skill bietet Schritt-für-Schritt-Anleitung, CSS-Rezepte und Next.js-Muster von Vercel Labs.

Die Entwicklung leistungsstarker React Native-Apps erfordert die Beachtung plattformspezifischer Muster für Listen, Animationen und Zustandsverwaltung. Diese Skill bietet 35+ KI-Agenten-Regeln für eine optimierte Mobile-Entwicklung.

React-Anwendungen leiden oft unter Performance-Problemen wie unnötigen Re-Renders, großen Bundle-Größen und sequenziellen Data-Fetching-Waterfalls. Diese Skill stellt 45 priorisierte Regeln von Vercel Engineering bereit, um diese Engpässe zu beseitigen und leistungsstarke Web-Anwendungen zu erstellen.

Die Entwicklung von React-Komponenten mit booleschen Props führt zu unverwaltbarem Code. Diese Kompetenz stellt kI-gerechte Richtlinien für die Verwendung zusammengesetzter Komponenten, das Hochheben des Zustands und das Komponieren von internen Strukturen bereit, um skalierbare Komponentenarchitekturen zu erstellen.