Sie haben eine Liste von Artikellinks, aber keine Zeit, jeden einzelnen zu lesen und neu zu schreiben. Diese Fähigkeit ruft automatisch Artikelinhalte ab und generiert virale Beiträge mit einem bewährten Inhaltsrahmen.

Vue.js-Anwendungen benötigen zuverlässige Testing-Strategien. Diese Skill bietet Best Practices für Unit-Testing mit Vitest und Vue Test Utils, Komponententest-Muster, Mocking-Strategien und E2E-Testing mit Playwright.

Navigation Guards und Lifecycle-Muster in Vue Router verursachen häufig schwer zu debuggende Bugs. Dieses Skill stellt bewährte Lösungen für häufige Vue Router 4-Herausforderungen bereit, einschließlich Guard-Implementierung, Änderungen von Routenparametern und Bereinigung von Komponenten.

Vue-Anwendungen haben oft Probleme mit dem State-Management wie Reaktivitätsverlust, Initialisierungsfehler und Debugging-Herausforderungen. Diese Skill bietet bewährte Muster und Lösungen für die korrekte Implementierung von Pinia-Stores in Vue-3-Anwendungen.

Entwickler haben Probleme mit der Vue.js Options API TypeScript-Integration und häufigen Fallstricken. Diese Skill bietet bewährte Muster und Lösungen für typsicheren Options API-Code in Vue 2 und Vue 3.

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.

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.

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.

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.

Wandeln Sie Videos mit niedriger Qualität in HD- oder 4K-Auflösung um, indem Sie KI-gestützte Verbesserung nutzen. Diese Fähigkeit bewältigt Rauschreduzierung, Schärfung und Auflösungs-Upscaling über den verging.ai API-Dienst mit Unterstützung für lokale Dateien und Remote-URLs.

Ersetzen Sie Gesichter in Videos mit KI-gestützter Face-Swap-Technologie. Perfekt für Content-Ersteller, die schnelle Gesichtsaustausche ohne komplexe Videobearbeitungssoftware benötigen.

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.

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.

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 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.

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.

Die Bereitstellung von Web-Anwendungen auf Vercel erfordert Authentifizierung und Projektkonfiguration. Dieses Skill ermöglicht es Ihrem KI-Assistenten, Vercel-Bereitstellungen mit Access-Tokens zu verwalten, ohne interaktive Anmeldeaufforderungen.