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.

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.

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.

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.

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.

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.

Benutzer benötigen Anleitungen zum Erstellen effektiver Skills für Claude Code. Dieser Skill bietet einen umfassenden Leitfaden zum Erstellen, Strukturieren und Verpacken von Skills mit bewährten Best Practices.

Eine KI-Fähigkeit für Claude, Codex und Claude Code

Eine KI-Fähigkeit für Claude, Codex und Claude Code

Next.js-Anwendungen rufen Daten oft wiederholt ab, was zu langsamen Seitennladungen führt. Cache-Komponenten ermöglichen Partial Prerendering und intelligente Caching-Strategien, um zwischengespeicherte Inhalte sofort zu liefern, während dynamische Teile gestreamt werden.

Nutzer wissen oft nicht, welche Skills es gibt, um bei ihren Aufgaben zu helfen. Dieser Skill führt sie dazu, relevante Fähigkeiten aus dem offenen Agent-Ökosystem zu entdecken und mit einfachen Befehlen zu installieren.

Dogfood erkundet systematisch Webanwendungen, um Bugs, UX-Probleme und andere Probleme zu finden, und erstellt strukturierte Berichte mit vollständigen Reproduktionsnachweisen einschließlich Screenshots und Videos.

Manuelles Deployen von Projekten auf Vercel nimmt Zeit in Anspruch und erfordert die Navigation durch das Dashboard. Dieser Skill automatisiert den gesamten Deployment-Workflow mit automatischer Framework-Erkennung und Preview-URL-Generierung.

Die manuelle Automatisierung von Web-Interaktionen ist zeitaufwendig und fehleranfällig. Agent-browser bietet eine Kommandozeilenschnittstelle für die Browser-Automatisierung, die automatisches Ausfüllen von Formularen, Screenshots, Web-Scraping und End-to-End-Testing-Workflows ermöglicht.

Das Erstellen von KI-gestützten Funktionen erfordert die Navigation durch komplexe Provider-APIs, Streaming-Implementierungen und typsichere Muster. Diese Skill bietet umfassende Dokumentationsreferenz für das Vercel AI SDK und hilft Entwicklern bei der Implementierung von Textgenerierung, Tool-Aufrufen, strukturierten Ausgaben und Agents mit OpenAI, Anthropic, Google und anderen Providern durch einheitliche APIs.