Vercel

Das nextjs-turbopack Skill hilft dir, Turbopack in Next.js 16+ für schnellere lokale Entwicklung, HMR und Entscheidungen rund um den Bundler einzusetzen. Nutze es als praxisnahen nextjs-turbopack Leitfaden für Installation, Nutzung und die Frage, wann du in Frontend-Development-Workflows wieder zu webpack wechseln solltest.

Die bun-runtime-Skill hilft dir bei der Entscheidung, ob Bun für neue JavaScript- oder TypeScript-Projekte, die Migration von Node, Skripte, Tests und Vercel-Setups die richtige Wahl ist. Sie behandelt die Nutzung von bun-runtime, Installationshinweise, die Abwägung Bun vs Node sowie praktische Workflows für Frontend- und Full-Stack-Entwicklung.

setup-deploy ist ein Deployment-Setup-Skill für gstack, der deine Deploy-Plattform, die Produktions-URL, den Health-Check-Endpunkt und den Befehl für den Deploy-Status erkennt und die Konfiguration anschließend in CLAUDE.md schreibt, damit künftige Deployments reproduzierbar ablaufen. Nutze ihn, wenn du setup-deploy für einen Workflow brauchst, der Deployment-Erkennung in einen gespeicherten Projektablauf überführt.

nextjs-app-router-patterns unterstützt Entwickler bei der Planung von Next.js-14+-App-Router-Architekturen, einschließlich Server Components, Streaming, Caching, Route Handlers und Server Actions für Full-Stack-Entwicklung und Migrationen vom Pages Router.

vercel-cli-with-tokens unterstützt Agents dabei, die Vercel CLI mit Access Tokens statt per interaktivem Login zu nutzen. Der Auth-First-Ablauf zeigt, wie man ein Token findet, `VERCEL_TOKEN` exportiert und anschließend Deploy-, Link- oder Env-Aufgaben in Headless- oder CI-Umgebungen erledigt.

deploy-to-vercel ist eine Skill für Vercel-Deployments, die Repo-Status, lokale Projektverknüpfung, CLI-Authentifizierung und Team-Scope vor dem Deploy prüft. Standardmäßig nutzt sie Preview-Deployments, unterstützt Hilfsskripte und hilft dabei, die Deployment-URL mit weniger Rätselraten zurückzugeben.

web-design-guidelines prüft UI-Code anhand der Vercel Web Interface Guidelines, lädt die neuesten Regeln und liefert knappe file:line-Hinweise für gezielte UX- und Accessibility-Audits.

develop-ai-functions-example unterstützt dich dabei, lauffähige AI SDK-Beispiele in `vercel/ai` unter `examples/ai-functions/src/` zu erstellen oder anzupassen. Damit wählst du die passende Kategorie, hältst Repo-Konventionen ein und baust schlanke Beispiele für Providervalidierung, Demos oder Fixtures.

add-provider-package ist ein fokussierter Leitfaden zum Erstellen eines neuen @ai-sdk/<provider>-Pakets in vercel/ai. Er unterstützt Mitwirkende und API-Teams dabei, die Provider-Architektur, Paketstruktur und den Implementierungsablauf des AI SDK einzuhalten, wenn ein neuer Provider hinzugefügt wird.

next-best-practices ist eine praxisnahe Next.js-Skill für die Arbeit mit dem App Router. Sie behandelt Dateikonventionen, RSC-Grenzen, asynchrone APIs, Datenmuster, Route Handler, Bundling und Fehlerbehandlung.

next-cache-components erklärt Cache Components in Next.js 16: `cacheComponents` aktivieren, `use cache` nutzen, `cacheLife` setzen, `cacheTag` anwenden und dynamische Bereiche mit Suspense streamen.

Die Skill next-upgrade unterstützt beim Upgrade echter Next.js-Projekte mit offiziellen Migrationsleitfäden, Codemods, schrittweisen Versionssprüngen und abgestimmten Dependency-Updates.

project-tooling hilft dabei, die CLI-Einrichtung von gh, vercel, supabase und optional render für Deployment, CI/CD und Workflow-Automatisierung zu prüfen. Nutze diesen project-tooling-Leitfaden, um Installationsstatus, Authentifizierung und Einsatzbereitschaft vor Repo- oder Plattformaufgaben zu bestätigen.

videoagent-video-studio ist ein Skill zur Erstellung kurzer KI-Videos aus Text, Bildern und Referenzen. Er eignet sich, um Text-zu-Video- und Bild-zu-Video-Workflows zu testen, unterstützte Modelle zu vergleichen und den gehosteten Proxy oder ein Self-Hosted-Setup mit Node 18+ zu nutzen.

videoagent-image-studio ist ein einheitlicher Skill zur Bildgenerierung für Node-basierte Agents. Er bietet einen einzigen CLI-Ablauf für Midjourney, Flux, Ideogram, Recraft, SDXL und weitere Modelle – mit proxy-gestütztem Setup, Orientierung bei der Modellauswahl und vereinheitlichten Ausgaben für die Automatisierung.

Nutze web-design-guidelines, um UI-Code anhand der aktuellen Web Interface Guidelines zu prüfen. Ideal für einen fokussierten web-design-guidelines-Workflow für UX-Audits mit knappen Findings im Format Datei:Zeile, Accessibility-Prüfungen und einer Prüfung der UI-Konformität vor dem Release.

vercel-react-best-practices ist ein leistungsorientierter Leitfaden für React- und Next.js-Arbeiten von Vercel Engineering. Nutzen Sie die vercel-react-best-practices-Skill, wenn Sie Komponenten, Routen oder das Data Fetching refaktorisieren, um Waterfalls zu reduzieren, Bundles zu verkleinern, das Rendering zu verbessern und Frontend-Code schneller auszuliefern.

vercel-deploy hilft dir, Apps und Websites mit minimalem Setup auf Vercel bereitzustellen. Die Skill ist auf Preview-first-Deployments, klare Installations- und Nutzungsschritte sowie einen verlässlichen Fallback ausgelegt, wenn die CLI nicht verfügbar ist oder die Authentifizierung fehlt. Nutze sie für schnelle, teilbare Links und veröffentliche Produktion nur dann, wenn es ausdrücklich verlangt wird.

netlify-blobs ist ein Leitfaden für Object Storage ohne Konfiguration in der Backend-Entwicklung. Verwende das netlify-blobs Skill, um Dateien, Bilder, Uploads, Exporte und zwischengespeicherte Binärartefakte mit `getStore()`, CRUD-Operationen, Metadaten und lokaler Entwicklung zu verwalten. Es ist nicht für dynamische Daten gedacht; dafür solltest du Netlify Database verwenden.

Nutze die ai-sdk Skill, um das zentrale Paket `ai` zu installieren, die aktuelle Dokumentation zu prüfen und moderne Nutzungsmuster für Streaming, Tools, Agents, `useChat` und ein Gateway-first-Setup in Full-Stack-Apps anzuwenden.