Vercel Skills

Füge einen offiziellen Anbieter- oder Community-Adapter zum Chat SDK-Katalog und zur Dokumentation hinzu — adapters.json-Registrierung, chat/adapters-Katalogeintrag, die MDX-Dokumentationsseite, …

Füge einen neuen Diagnosecode gemäß den defineDiagnostics()-Konventionen von nostics hinzu

Leitfaden zum Hinzufügen neuer KI-Funktionsbeispiele zum Testen spezifischer Funktionen gegen die tatsächlichen Provider-APIs.

Leitfaden zum Hinzufügen neuer AI SDK Harness-Pakete. Verwenden Sie dies, wenn Sie ein neues @ai-sdk/harness-<name>-Paket erstellen, das eine Coding-Agent-Laufzeitumgebung an HarnessV1 anpasst.

Leitfaden zum Hinzufügen neuer KI-Anbieterpakete zum AI SDK. Verwenden Sie dies, wenn Sie ein neues @ai-sdk/<provider>-Paket erstellen, um einen KI-Dienst in das SDK zu integrieren.

Admin UI und Operator-Oberflächendebugging für vercel-openclaw: Befehls-Shell-Design, Admin-Aktionen, Request-Core, Status-Panels, Start-Verifikations-UI, Kanal…

Erstelle und pflege Architecture Decision Records (ADRs), optimiert für agentische Codierungs-Workflows. Verwende, wenn du vorschlagen, schreiben, aktualisieren, akzeptieren/ablehnen, … musst.

Automatisiert Browser-Interaktionen für Webtests, Formularausfüllungen, Screenshots und Datenextraktion.

Automatisiert Browser-Interaktionen für Webtests, Formularausfüllungen, Screenshots und Datenextraktion. Verwenden Sie dies, wenn der Benutzer Websites navigieren, mit Webinhalten interagieren muss…

Browser-Automatisierungs-CLI für KI-Agenten. Verwenden Sie dies, wenn der Benutzer mit Websites interagieren, die Ausgabe des Entwicklungsservers überprüfen, Web-Apps testen, Seiten navigieren, Formulare ausfüllen muss,…

Automatisierte Browser-Überprüfung für Entwicklungsserver. Wird ausgelöst, wenn ein Entwicklungsserver startet, um eine visuelle Plausibilitätsprüfung mit agent-browser durchzuführen – überprüft, ob die Seite lädt, …

Begleitskill für den Kurs "Agent-Friendly APIs" auf der Vercel Academy. Erstelle eine Feedback-API, mache sie agentenfreundlich mit strukturierter Dokumentation und erstelle dann einen Claude Code Skill, der die Dokumentation automatisch generiert.

Python `ai` SDK — models, providers, streams, events, tools, agents, hooks, MCP, AI SDK UI, structured output, and media generation

Generieren Sie Text, Bilder und Videos über das Terminal mithilfe von KI-Modellen.

KI-Elemente Komponentenbibliothek Anleitung — vorgefertigte React-Komponenten für KI-Schnittstellen, basierend auf shadcn/ui. Verwenden beim Erstellen von Chat-Oberflächen, Nachrichtenanzeigen, Werkzeugen…

Vorgefertigte React-Komponenten für KI-Chat-Oberflächen, basierend auf shadcn/ui und dem AI SDK. Enthält Komponenten für Konversation, Nachrichten, Tool-Anzeige und Eingabeaufforderungen, die für KI-native Anwendungen entwickelt wurden. Wird direkt über die CLI in Ihr Projekt-Codebase installiert, sodass die Komponenten vollständig anpassbar und mit standardmäßigen React-Mustern erweiterbar sind. Erfordert Next.js, AI SDK, shadcn/ui und Node.js 18+; lässt sich nahtlos in Vercels AI Gateway für den Modellzugriff integrieren. Alle Komponenten unterstützen standardmäßige HTML-Attribute...

Vercel AI Gateway Expertenanleitung. Verwenden Sie bei der Konfiguration von Modell-Routing, Anbieter-Failover, Kostenverfolgung oder der Verwaltung mehrerer KI-Anbieter über eine einheitliche…

KI-Generierungspersistenzmuster — eindeutige IDs, adressierbare URLs, Datenbankspeicherung und Kostenverfolgung für jede LLM-Generierung

Vercel AI SDK Expertenberatung. Verwenden Sie dies beim Erstellen KI-gestützter Funktionen – Chat-Oberflächen, Textgenerierung, strukturierte Ausgaben, Tool-Aufrufe, Agenten, MCP…

Beantworten Sie Fragen zum AI SDK und helfen Sie beim Erstellen KI-gestützter Funktionen. Verwenden Sie, wenn Entwickler: (1) Nach AI SDK-Funktionen wie generateText, streamText,… fragen.

Beantworten Sie Fragen zum AI SDK und helfen Sie beim Erstellen KI-gestützter Funktionen. Verwenden Sie, wenn Entwickler: (1) Nach AI SDK-Funktionen wie generateText, streamText,… fragen.

Next.js-Bundle-Analyzer-Daten in NDJSON konvertieren und erkunden

Generiert agentenfreundliche Markdown-Dokumentation für API-Routen. Verwenden, wenn der Benutzer "Dokumentation generieren", "diese API dokumentieren", "API-Dokumentation erstellen" oder "erstellen..." sagt.

Emuliertes „Anmelden mit Apple“ / Apple OIDC für lokale Entwicklung und Tests. Verwenden, wenn der Benutzer die Apple-Anmeldung lokal testen oder Apple OIDC emulieren muss…

Fragen Sie die Next.js-Dokumentations-RAG-API zum Thema: $ARGUMENTS

Migriere eine Astro-Anwendung von Webflow Cloud zu Vercel. Verwende diese Fähigkeit, wenn ein Benutzer eine Astro-App von Webflow Cloud auf … verschieben, migrieren oder portieren möchte.

Anleitung zur Authentifizierungsintegration — Clerk (natives Vercel Marketplace), Descope und Auth0 Einrichtung für Next.js-Anwendungen. Behandelt Middleware-Auth-Muster, …

Authentifizierungs- und Speicherdebugging für vercel-openclaw: Admin-Secret-Modus, Anmeldung mit Vercel, Sitzungs-Cookies, CSRF, LOCAL_READ_ONLY, Redis vs. Memory Store, Keyspace…

Verwenden Sie diese Fähigkeit beim Erstellen oder Ändern von Agent-Fähigkeiten in .agents/skills/.

Automatisieren und inspizieren laufende zero-native WebView-Shell-Apps über den integrierten Automatisierungsserver. Verwenden, wenn der Benutzer bittet, die App zu testen, Fenster aufzulisten, einen Screenshot zu machen…

CLI-Tool für automatisierte, auf Changesets basierende Releases mit KI-generierten Beschreibungen. Verwenden Sie es, wenn der Benutzer ein Paket veröffentlichen, Changesets erstellen, Versionen erhöhen muss,…

Emulierte AWS-Cloud-Dienste (S3, SQS, IAM, STS) für lokale Entwicklung und Tests. Verwenden, wenn der Benutzer lokal mit AWS-API-Endpunkten interagieren, S3 testen muss…

Backportiere einen gemergten Next.js Pull-Request von canary auf einen früheren Release-Branch wie next-16-2. Verwende, wenn der Benutzer darum bittet, einen Backport, Cherry-Pick oder das Öffnen eines…

Validiert Animationsdauern, erzwingt die Typografieskala, prüft die Barrierefreiheit von Komponenten und verhindert Layout-Anti-Patterns in Tailwind-CSS-Projekten. Verwenden, wenn…

Visueller Vergleich von Webseiten oder Elementen über zwei URLs oder Bilder hinweg. Erfasst Screenshots in Desktop-, Mobil- (375x812) oder Tablet-Viewports (768x1024), mit optionalem vollständigem Seiten-Scrolling. Unterstützt CSS-Selektoren zur Isolierung bestimmter Elemente und akzeptiert file://, http://, https:// URLs oder lokale Bildpfade. Erzeugt Markdown-formatierten Output mit automatischem Bild-Upload zu 0x0.st (oder GitHub Gist) für einfache PR-Integration. Enthält Erkennung von Vercel-Deployment-Schutz und GitHub CLI-Integration...

Fortschrittliche KI-Agenten-Benchmark-Szenarien, die Vercels modernste Plattformfunktionen ausreizen — Workflow DevKit, AI Gateway, MCP, Chat SDK, Queues, Flags, Sandbox,…

End-to-End-Benchmark-Suite für vercel-plugin. Führt realistische Projekte durch Skill-Injection aus, startet Entwicklungsserver, überprüft die Funktionsfähigkeit, analysiert…

Führt vercel-plugin-eval-Szenarien in Vercel Sandboxes aus, anstatt in lokalen WezTerm-Panels. Stellt temporäre Mikro-VMs mit vorinstalliertem Claude Code + Plugin bereit,…

Erstelle und starte Benchmark-Testprojekte, um die vercel-plugin-Skill-Injektion in realistischen Szenarien zu testen. Richtet isolierte Verzeichnisse ein, installiert die…

Projekt-Bootstrapping-Orchestrator für Repos, die von Vercel-verknüpften Ressourcen (Datenbanken, Authentifizierung und verwaltete Integrationen) abhängen. Verwenden Sie dies beim Einrichten oder…

Erstelle oder passe eine Shopify-Storefront mit Vercel Shop-Quell-gestützten Mustern an. Verwende dies beim Erstellen, Neugestalten, Refaktorieren oder Überprüfen von Storefront-Routen,…

Begleitskill für den Building Agents with eve Kurs auf der Vercel Academy. Verwenden, wenn der Benutzer "building agents with eve", "den eve Kurs", "das Bike…" erwähnt.

Umfassender Leitfaden zum Erstellen moderner, zugänglicher und komponierbarer UI-Komponenten. Behandelt die Komponententaxonomie (Primitive, Komponenten, Blöcke, Vorlagen), grundlegende Designprinzipien und die Implementierung von Barrierefreiheit, einschließlich ARIA, Tastaturnavigation und WCAG-Konformität. Enthält Muster für komponierbare APIs, Polymorphismus, kontrollierte/unkontrollierte Zustände und das as-child-Muster für flexible Elementkomposition. Bietet Anleitungen zu Design-Tokens, Theming-Systemen, Styling-Ansätzen und zur Verwendung von...

Fachkundige Anleitung für Next.js Cache Components und Partial Prerendering (PPR). **PROAKTIVE AKTIVIERUNG**: Verwenden Sie diese Fähigkeit automatisch, wenn Sie in Next.js arbeiten…

API-Response-Test-Fixtures speichern und verwalten für die Validierung der Provider-Parsing. Fixtures sind in __fixtures__-Unterordnern innerhalb der Provider-Pakete organisiert und verwenden Namenskonventionen, die in vorhandenen Beispielen dokumentiert sind. Unterstützt zwei Testmuster: generateText (rohe Antwort in der Konsole protokollieren und in Fixture kopieren) und streamText (includeRawChunks und saveRawChunks-Helfer verwenden, um Streaming-Chunks zu erfassen). Empfiehlt, echte Provider-Antworten zu speichern, es sei denn, Größenbeschränkungen erfordern semantisch erhaltende Kürzungen...

Debuggen des Vercel CDN-Cachings — Cache-Trefferquote, veraltete Inhalte, Revalidierungsverhalten, ISR + PPR, Cache-Gründe pro Anfrage (cacheReason) und Kosten.

Kanal-Webhook-Triage für Vercel-OpenClaw Slack/Telegram/Discord/WhatsApp-Probleme: Bereitstellungsstatus nachweisen, Admin-Bereitschafts-Endpunkte sammeln, erstellen…

Webhook-Routen-Paritätsaudit für Kanalzustellungsänderungen: Stellen Sie sicher, dass Endpunktpfade protokollieren, lastForward aufzeichnen, Fehler klassifizieren und veraltete Sandbox-Port-URLs aktualisieren.

Schreibe Chat-Bots einmal und setze sie in Slack, Teams, Google Chat, Discord, GitHub und Linear ein. Einheitliches TypeScript SDK mit plattformunabhängigen Event-Handlern (Erwähnungen, Nachrichten, Reaktionen, Slash-Befehle, Aktionen) und normalisiertem Nachrichtenformat über alle Plattformen hinweg. Integrierter Streaming-Support für KI-Antworten via AI SDK Integration, plus JSX-basierte interaktive Karten mit Buttons, Dropdowns und Formular-Modalen. Steckbare Zustandsadapter für Redis, PostgreSQL oder In-Memory-Persistenz; Webhook-Handler...

Fachkundige Beratung zum Vercel Chat SDK. Verwenden Sie dies beim Erstellen von plattformübergreifenden Chat-Bots – Slack, Telegram, Microsoft Teams, Discord, Google Chat, GitHub, Linear – mit einem…

Einheitliches TypeScript SDK zum Erstellen von Chat-Bots für Slack, Teams, Google Chat, Discord, Telegram, GitHub, Linear und WhatsApp. Bot-Logik einmal schreiben, überall bereitstellen.

Für Paket-/CLI-Änderungen, die die Befehls-UX, Eingabeaufforderungen, Hilfe, Ausgabelayout, Fortschritt, Erfolg, Warnungen, Fehler, JSON/stdout/stderr-Verträge usw. betreffen.

Headless CMS-Integrationsanleitung — Sanity (natives Vercel Marketplace), Contentful, DatoCMS, Storyblok und Builder.io. Behandelt Studio-Einrichtung, Content-Modellierung,…

Überprüft Codeänderungen und gibt umsetzbares Feedback. Verwende dies, wenn der Benutzer bittet, einen PR, Diff, Commit oder Codeänderungen zu überprüfen. Wird durch "/review", "review…" ausgelöst.

Codegenerierungs-Hilfsprogramme für json-render. Verwenden Sie diese beim Generieren von Code aus UI-Spezifikationen, beim Erstellen benutzerdefinierter Code-Exporteure, beim Durchlaufen von Spezifikationen oder beim Serialisieren von Eigenschaften für…

React-Kompositionsmuster, die skalieren. Verwenden beim Refactoring von Komponenten mit boolescher Prop-Proliferation, beim Erstellen flexibler Komponentenbibliotheken oder beim Entwerfen…

Schema-Definition, Katalogerstellung und KI-Prompt-Generierung für json-render-Spezifikationen. Definieren Sie Schemas mit typisierten Spezifikationen und Katalogen mittels defineSchema, erstellen Sie dann Kataloge, die Komponentennamen ihren Props und Beschreibungen zuordnen. Generieren Sie KI-System-Prompts aus Katalogen mit optionalen benutzerdefinierten Regeln; unterstützt Spezifikations-Streaming via JSONL-Patches mit createSpecStreamCompiler. Dynamische Prop-Ausdrücke ermöglichen Zustandsbindung ($state, $bindState), Bedingungen ($cond), Templating ($template) und...

Umfassender Leitfaden für die Migration von Create React App (CRA)-Projekten zu Next.js

Erstelle Remotion-Videos mit der Ästhetik des Geist-Designsystems. Verwende, wenn du aufgefordert wirst, Videos, Animationen oder Bewegtgrafiken zu erstellen, die Vercels…

Vercel Cron Jobs Konfiguration und Best Practices. Verwenden beim Hinzufügen, Bearbeiten oder Debuggen geplanter Aufgaben in vercel.json.

Cron- und Watchdog-Debugging für vercel-openclaw: Vercel Cron-Authentifizierung, persistierte OpenClaw-Jobs, Cron-Wake-Keys, Token-Aktualisierung, Wiederherstellungs-Orakel, Hot-Spare und…

CSV-Daten mit Bash-Werkzeugen analysieren und transformieren

Bootstrap d3k in eigenständigen KI-Apps (Codex, Cursor, Claude Code): dev3000 erkennen/installieren, d3k als Laufzeitumgebung starten und einheitliche Logs plus CDP-Browser verwenden…

Verwenden Sie diese Fähigkeit, wenn Sie bedingte require()-Pfade, Node-only-Importe oder Edge/Runtime-Verzweigungen ändern.

Führen Sie DeepSec gegen einen Vercel-Projekt-Checkout von dev3000 aus. Verwenden Sie für die Ein-Klick-DeepSec-Einrichtung, das Bootstrapping des Projektkontexts, die begrenzte Erstverarbeitung und…

Nutze deepsec (einen KI-gestützten Schwachstellenscanner) – zum Ausführen von Scans, Konfigurieren von Projekten, Schreiben von Matchern und Erstellen von Plugins. Wird aktiviert, wenn der Benutzer fragt…

Anwendungen auf Vercel bereitstellen. Verwenden, wenn der Benutzer "deploy", "deploy to Vercel", "push to production", "deploy my app" oder "go live" sagt.

Führt einen Benutzer durch das Sammeln der erforderlichen Anmeldeinformationen, um eine eigene Kopie von Open Harness bereitzustellen, dieses Repository auf Vercel zu deployen und die Ersteinrichtung abzuschließen…

Anwendungen und Websites mit automatischer Git-Integration und Vorschau-URLs auf Vercel bereitstellen. Unterstützt drei Bereitstellungspfade: Git-Push (ideal für verknüpfte Projekte), direkte CLI-Bereitstellung und No-Auth-Fallback für Sandbox-Umgebungen. Erkennt automatisch den Projektstatus (verknüpft über .vercel/project.json oder .vercel/repo.json, Vorhandensein von Git-Remotes, CLI-Authentifizierung) und wählt die beste Bereitstellungsmethode aus. Handhabt die Teamauswahl für Konten mit mehreren Teams und verwendet --scope, um für das richtige Team bereitzustellen...

Vercel-Bereitstellung und CI/CD-Expertenberatung. Verwenden Sie dies beim Bereitstellen, Promoten, Zurücksetzen, Inspizieren von Bereitstellungen, Erstellen mit --prebuilt oder Konfigurieren von CI…

Entwicklungs- und Validierungsskripte für AI SDK-Funktionen über mehrere Anbieter und Fähigkeiten hinweg. Organisiert nach AI SDK-Funktionskategorie (Textgenerierung, Streaming, strukturierte Ausgabe, Embeddings, Bildgenerierung, Sprache, Transkription, Re-Ranking und Agenten). Die Dateibenennungskonvention bildet Anbieter- und Funktionskombinationen ab (z. B. openai-tool-call.ts, amazon-bedrock-anthropic-cache-control.ts) zur schnellen Identifikation. Enthält gemeinsame Hilfsfunktionen für Fehlerbehandlung, Umgebungsladen,...

Einfach einblendbares Inspektor-Panel für jede JSON-Render-App. Verwenden Sie es, wenn der Benutzer eine generative UI debuggen, den Spezifikationsbaum inspizieren, den Zustand zur Laufzeit bearbeiten oder ausgelöste Aktionen anzeigen möchte.

Vorgefertigte benutzerdefinierte Direktiven für json-render — Formatierung, Mathematik, Zeichenkettenmanipulation und i18n. Verwenden Sie diese bei der Arbeit mit @json-render/directives, beim Definieren benutzerdefinierter…

Discord-Kanal-Spezialist-Workflow: Debuggen von Interaktions-Webhooks, Ed25519-Signaturen, verzögerte Antworten, Workflow-Weiterleitung an /discord-webhook, Integration…

Fachkundige Anleitung für Vercels Edge Runtime – die leichte JavaScript-Laufzeitumgebung für Vercel Edge Functions und Middleware. Verwenden Sie diese beim Erstellen oder Konfigurieren von Edge…

Anleitung zur Integration des E-Mail-Versands — Resend (natives Vercel Marketplace) mit React Email-Vorlagen. Behandelt API-Einrichtung, Transaktions-E-Mails, Domain…

Diese Fertigkeit kodiert Emil Kowalskis Philosophie zu UI-Verfeinerung, Komponentendesign, Animationsentscheidungen und den unsichtbaren Details, die Software großartig wirken lassen.

Lokaler Drop-in-API-Emulator für Vercel, GitHub, Google, Slack, Apple, Microsoft und AWS. Verwenden Sie dies, wenn der Benutzer emulierte Dienste starten, Seed-Daten konfigurieren muss…

Fügen Sie Vercel Analytics, Vercel Speed Insights und Google Tag Manager zur Storefront hinzu.

Aktivieren Sie die next-intl-basierte i18n in der Shop-Vorlage — locale-präfixierte URLs, sprachspezifische Nachrichtenkataloge und einen Sprachwechsler. Verwenden Sie, wenn der Benutzer "locale…" wünscht.

Bindet Shopify-Metaobjekte als CMS für Startseiten- und Marketingseiteninhalte ein. Fügt GraphQL-Abfragen für die Metaobjekttypen cms_homepage und cms_page hinzu und transformiert…

Shopify Markets mit Multi-Locale-Routing über next-intl aktivieren. Verwenden, wenn der Benutzer Internationalisierung, Multi-Locale-Unterstützung, Locale-präfixierte…

Ersetze die fest codierten Navigations- und Fußzeilenmenüs durch Shopify-gestützte Menüs.

Fachkundige Beratung zu Vercel-Umgebungsvariablen. Verwenden Sie diese bei der Arbeit mit .env-Dateien, Vercel-env-Befehlen, OIDC-Tokens oder der Verwaltung umgebungsspezifischer Konfigurationen.

Baue langlebige Backend-KI-Agenten mit dem eve-Framework. Verwende es beim Erstellen, Bearbeiten oder Debuggen eines eve-Projekts – Agentenanweisungen, Fähigkeiten, Werkzeuge,…

Erstellen Sie langlebige KI-Agenten und agentenbetriebene Anwendungen mit dem eve-Framework. Verwenden Sie es beim Erstellen, Bearbeiten oder Debuggen eines eve-Projekts oder bei der Auswahl von…

Verwende das Shopify AI Toolkit, um Live-Storefront- und Customer-Account-GraphQL-Schemata für Vercel-Shop-Arbeiten zu überprüfen.

Du bist ein sachkundiger Lehrassistent für den Kurs "Building Filesystem Agents" auf der Vercel Academy. Du hilfst Studierenden dabei, Agenten zu entwickeln, die mit Bash durch Dateisysteme navigieren, um Fragen zu strukturierten Daten zu beantworten.

Entdecke und installiere spezialisierte Agenten-Skills aus dem offenen Ökosystem, wenn Benutzer erweiterte Fähigkeiten benötigen. Hilft dabei, relevante Skills nach Domäne und Aufgabe zu identifizieren, wenn Benutzer fragen: „Wie mache ich X?“ oder „Finde einen Skill für X“. Integriert sich mit der Skills-CLI (npx skills find, npx skills add), um Pakete aus dem skills.sh-Verzeichnis zu suchen, zu überprüfen und zu installieren. Empfiehlt Skills basierend auf Installationsanzahl, Quellreputation und GitHub-Sternen, um Qualität vor der Installationsempfehlung sicherzustellen. Präsentiert Skill...

Firewall- und Vercel AI Gateway-Debugging für vercel-openclaw: Netzwerkrichtlinien-Allowlists, OIDC-Token-Aktualisierung, AI Gateway-Transformationsregeln, Firewall…

Verwende diese Fähigkeit, wenn du Framework-Feature-Flags in Next.js-Interna hinzufügst oder änderst.

Das Flags SDK (npm-Paket flags) ist ein Feature-Flags-Toolkit für Next.js und SvelteKit. Es wandelt jedes Feature-Flag in eine aufrufbare Funktion um, arbeitet mit jedem Flag-Anbieter über Adapter und hält Seiten durch das Precompute-Muster statisch. Vercel Flags ist der First-Party-Anbieter, mit dem Sie Flags über das Vercel-Dashboard oder die vercel flags CLI verwalten können.

Erstelle unverwechselbare, produktionsreife Frontend-Oberflächen mit hoher Designqualität. Verwende diese Fähigkeit, wenn der Nutzer darum bittet, Webkomponenten, Seiten, Artefakte, … zu erstellen.

Erstelle unverwechselbare, produktionsreife Frontend-Oberflächen mit hoher Designqualität. Verwende diese Fähigkeit, wenn der Nutzer darum bittet, Webkomponenten, Seiten, Artefakte, … zu erstellen.

Gateway- und Proxy-Debugging für vercel-openclaw: /gateway-Routing, HTML-Injektion, WebSocket-Rewrite, Gateway-Token-Übergabe, Warteseite, Status-Heartbeat,…

Fachkundige Anleitung für Geist, Vercels standardmäßiges Typografiesystem und Schriftfamilie für präzise Next.js-Oberflächen. Verwenden Sie bei der Konfiguration von Geist Sans, Geist Mono oder…

Erstelle explorative, interaktive Lernerfahrungen als Next.js-Apps mit dem Geist-Designsystem. Verwende dies beim Erstellen von Tutorials, erkundbaren Erklärungen, …

Fachkundige Anleitung für Geistdocs, Vercels Dokumentationsvorlage, erstellt mit Next.js und Fumadocs — MDX-Authoring, Konfiguration, KI-Chat, i18n, Feedback,…

Emulierte GitHub REST-API für lokale Entwicklung und Tests. Verwenden, wenn der Benutzer lokal mit GitHub-API-Endpunkten interagieren, GitHub-Integrationen testen muss,…

Füge GitHub-API-Tools zu KI-Agenten hinzu mit @github-tools/sdk — AI SDK, eve, Vercel Workflow und Chat SDK. Umfasst Tools, Voreinstellungen, Genehmigungskontrolle, Token-Bereichseingrenzung,…

Emulierter Google OAuth 2.0, OpenID Connect, Gmail, Kalender und Drive für lokale Entwicklung und Tests. Verwenden, wenn der Benutzer Google Sign-In testen muss…

Verwenden beim Erstellen von Hono-Webanwendungen, die auf Vercel bereitgestellt werden, oder wenn der Benutzer nach Hono-APIs, Routing, Middleware, JSX, Validierung, Tests oder Streaming fragt.

Bildrenderer für json-render, der JSON-Spezifikationen über Satori in SVG- und PNG-Bilder umwandelt. Verwenden Sie dies bei der Arbeit mit @json-render/image, beim Generieren von OG-Bildern aus…

Initialisiere eine neue Vercel Shop-Storefront mit der offiziellen create-vercel-shop CLI. Verwende, wenn der Benutzer eine Vercel… erstellen, einrichten, starten oder initialisieren möchte.

Ink-Terminal-Renderer für json-render, der JSON-Spezifikationen in interaktive Terminal-Benutzeroberflächen umwandelt. Verwenden Sie dies bei der Arbeit mit @json-render/ink, beim Erstellen von Terminal-Benutzeroberflächen aus…

Spin up a portless + tmux dev session for the Workflow SDK that gives each git worktree isolated `<branch>.<name>.localhost` URLs for the Next.js workbench and…

Orchestrierter Debugging-Koordinator. Wird bei Frustrationssignalen (festgefahren, hängend, defekt, wartend) ausgelöst und führt eine systematische Triage durch: Laufzeitprotokolle → Workflow-Status →…

Wie man von einer einsamen Insel gerettet wird

Jotai-Adapter für das StateStore-Interface von json-render. Verwenden Sie dies bei der Integration von json-render mit Jotai zur Zustandsverwaltung über @json-render/jotai.

KI-Chat-Antwort-Rendering-Anleitung — Umgang mit UIMessage-Teilen, Tool-Call-Anzeigen, Streaming-Status und strukturierter Datenpräsentation. Verwenden beim Erstellen…

Schema-Definition, Katalogerstellung und Spezifikations-Streaming für KI-gesteuertes JSON-Rendering. Definieren Sie Schemas mit typisierten Spezifikationen und Komponentenkatalogen mittels defineSchema und defineCatalog; generieren Sie KI-Prompts automatisch oder mit benutzerdefinierten Regeln. Unterstützen Sie dynamische Prop-Ausdrücke einschließlich Zustandsbindung ($state, $bindState), Bedingungen ($cond), Vorlagen und berechnete Funktionen. Streamen Sie KI-Antworten als JSONL-Patches mit createSpecStreamCompiler für progressiven Spezifikationsaufbau. Integrierte Validierung,...

Bildrenderer für json-render, der JSON-Spezifikationen über Satori in SVG- und PNG-Bilder umwandelt. Verwenden Sie dies bei der Arbeit mit @json-render/image, beim Generieren von OG-Bildern aus…

Konvertiert JSON-Spezifikationen in typsichere React-Komponentenbäume mit Zustandsverwaltung und dynamischen Ausdrücken. Unterstützt deklarative UI-Spezifikationen mit Elementbäumen, bidirektionale Datenbindung über $bindState, bedingtes Rendering und berechnete Ausdrücke. Integrierte Zustandsverwaltung durch StateProvider mit optionaler externer Store-Integration (Redux, Zustand, XState) und JSON-Pointer-basierten Zustandspfaden. Ereignissystem mit Aktionsverteilung, Zustandsüberwachung und vier integrierten Aktionen: setState,...

React Email-Renderer für json-render, der JSON-Spezifikationen mithilfe von @react-email/components und @react-email/render in HTML- oder Klartext-E-Mails umwandelt. Verwenden, wenn…

React Native-Renderer für json-render, der JSON-Spezifikationen in native mobile Benutzeroberflächen umwandelt. Verwenden Sie dies bei der Arbeit mit @json-render/react-native, beim Erstellen von React Native-Benutzeroberflächen…

Remotion-Renderer für json-render, der JSON-Zeitleistenspezifikationen in Videos umwandelt. Verwenden Sie dies bei der Arbeit mit @json-render/remotion, beim Erstellen von Videokompositionen aus…

Vorgefertigte shadcn/ui-Komponenten für json-render. Verwenden Sie diese, wenn Sie mit @json-render/shadcn arbeiten, Standard-UI-Komponenten zu einem Katalog hinzufügen oder Web-Oberflächen mit… erstellen.

Korrigiert veraltetes LLM-Wissen über die Vercel-Plattform und stellt neue Produkte vor. Wird zu Sitzungsbeginn eingefügt.

Erstelle oder ändere eine konsistent.json-Konfigurationsdatei, die strukturelle Konventionen in einer TypeScript-Codebasis durchsetzt. Verwende dies, wenn der Benutzer Folgendes durchsetzen möchte…

Führen Sie die konsistent CLI aus, überprüfen Sie alle gemeldeten Verstöße und beheben Sie sie in der Codebasis. Verwenden Sie, wenn der Benutzer "konsistent violations beheben", "auflösen…" möchte.

Schreiben und Pflegen von lat.md-Dokumentationsdateien – strukturiertes Markdown, das die Architektur, Designentscheidungen und Testspezifikationen eines Projekts beschreibt. Verwenden, wenn…

Starten der Verifikation und des Remote-Smoke-Debuggings für vercel-openclaw: Preflight, Queue-Ping, ensureRunning, chatCompletions, wakeFromSleep, restorePrepared,…

Emulierte Linear GraphQL-API für lokale Entwicklung und Tests. Verwenden, wenn der Benutzer Linear-Integrationen lokal testen, Linear-Issues, Kommentare, … emulieren muss.

Inspect npm package tarball contents before publishing to verify what files will be distributed. Lists exact files that would be uploaded to npm, helping catch missing or unwanted inclusions before publish Respects files field in package.json, .npmignore , and .gitignore rules to show the actual bundle contents Automatically builds the package, creates a tarball, displays contents, and cleans up in a single command Run from the package directory with a simple bash script; useful for...

Vercel-Bereitstellungslogs anzeigen. Verwenden, wenn der Benutzer „Logs anzeigen“, „Logs prüfen“, „Vercel-Logs“ oder „Was ist bei der Bereitstellung schiefgelaufen“ sagt.

Kontext für die Arbeit an der nächsten Hauptversion des AI SDK. Nur verwenden, wenn explizit vom Benutzer aufgerufen (z. B. über '/major-version-mode'). NICHT auslösen…

Vercel Marketplace Expertenberatung – Entdecken, Installieren und Erstellen von Integrationen, automatisch bereitgestellte Umgebungsvariablen, einheitliche Abrechnung und die…

Fügt die Integration von KI-Fähigkeiten (Brand Review API) in eine Sitecore Marketplace-App hinzu. Verwenden Sie dies, wenn der Benutzer KI-gestützte Inhaltsanalyse, Markenüberprüfung oder Marken… hinzufügen möchte.

Fügt eine neue Erweiterungspunkt-Route zu einer Sitecore Marketplace-App hinzu. Verwenden Sie dies, wenn der Benutzer ein benutzerdefiniertes Feld, Dashboard-Widget, Kontextpanel, Vollbild… hinzufügen möchte.

Fügt die XM Cloud API-Integration in eine Sitecore Marketplace-App ein. Verwenden Sie dies, wenn der Benutzer auf Sites, Pages, Authoring, Content Transfer, Search oder Agent-APIs zugreifen möchte…

Erstellt UI-Komponenten mit dem Blok-Designsystem für Sitecore Marketplace-Apps. Verwenden Sie dies, wenn der Benutzer eine Benutzeroberfläche erstellen, Komponenten hinzufügen, ein Seitenlayout aufbauen oder…

Stellt eine Sitecore Marketplace App auf Vercel mit korrekten CSP-Headern und Konfiguration bereit.

Erstellt ein neues Sitecore Marketplace App mit dem offiziellen SDK. Verwenden Sie dies, wenn der Benutzer eine neue Marketplace App erstellen, ein neues Sitecore-Projekt starten oder…

Sitecore Marketplace SDK API-Referenz. Verwenden, wenn der Benutzer nach SDK-Methoden, Typen, Abfragen, Mutationen, Subscriptions oder der Verwendung von Sitecore… fragt.

MCP Apps-Integration für json-render. Verwenden Sie dies beim Erstellen von MCP-Servern, die interaktive Benutzeroberflächen in Claude, ChatGPT, Cursor oder VS Code rendern, oder bei der Integration…

Fachkundige Anleitung für micro — asynchrones HTTP-Microservices-Framework von Vercel. Verwenden Sie es beim Erstellen von leichtgewichtigen HTTP-Servern, API-Endpunkten oder Microservices…

Emulierter Microsoft Entra ID (Azure AD) OAuth 2.0 / OpenID Connect für lokale Entwicklung und Tests. Verwenden, wenn der Benutzer die Microsoft-Anmeldung lokal testen muss,…

Migriere Anwendungen von AI SDK 6.x zu AI SDK 7.0. Verwende beim Upgrade von Vercel AI SDK-Paketen, beim Beheben von v7-Migrationsfehlern oder wenn der Benutzer AI SDK v6 erwähnt,…

Migriert Temporal-, Inngest-, Trigger.dev- und AWS Step Functions-Workflows zum Workflow SDK. Verwenden beim Portieren von Activities, Workers, Signals, step.run(),…

Entdeckungsfähigkeit für das Native SDK, das vollständige Toolkit zum Erstellen nativer Desktop-Anwendungen - Ansichten sind deklaratives Native-Markup (.native), Logik ist…

Fachkundige Anleitung für @vercel/ncc — ein einfaches CLI zum Kompilieren von Node.js-Modulen in eine einzelne Datei mit allen enthaltenen Abhängigkeiten. Verwenden Sie es beim Bündeln von serverlosen…

Next.js-Adapter zum direkten Einbetten von Emulatoren in eine Next.js-App über @emulators/adapter-next. Verwenden, wenn der Benutzer Emulatoren in Next.js einbetten, einrichten … muss.

Next.js-Renderer für json-render, der JSON-Spezifikationen in vollständige Next.js-Anwendungen mit Routen, Layouts, SSR und Metadaten umwandelt. Verwenden Sie dies, wenn Sie mit…

Next.js Best Practices - Dateikonventionen, RSC-Grenzen, Datenmuster, asynchrone APIs, Metadaten, Fehlerbehandlung, Routen-Handler, Bild-/Schriftoptimierung,…

Umfassende Next.js-Entwicklungsrichtlinien, die Dateistruktur, RSC-Muster, Datenabruf, Optimierung und Fehlerbehandlung abdecken. Behandelt über 15 Themenbereiche, darunter Dateikonventionen, Routensegmente, RSC-Grenzen, asynchrone Muster, Metadatengenerierung sowie Bild- und Schriftoptimierung. Bietet Laufzeitauswahlhilfe, Direktivenverwendung und Fehlerbehandlungsstrategien mit spezifischen Dateikonventionen wie error.tsx und not-found.tsx. Enthält Datenabrufmuster, Best Practices für Routenhandler,...

Next.js Best Practices - Dateikonventionen, RSC-Grenzen, Datenmuster, asynchrone APIs, Metadaten, Fehlerbehandlung, Routen-Handler, Bild-/Schriftoptimierung,…

Next.js Best Practices - Dateikonventionen, RSC-Grenzen, Datenmuster, asynchrone APIs, Metadaten, Fehlerbehandlung, Routen-Handler, Bild-/Schriftoptimierung,…

Falls next-browser nicht bereits im PATH ist, installiere @vercel/next-browser global mit dem Paketmanager des Benutzers, dann playwright install chromium.

Next.js 16 Cache Components Anleitung — PPR, use cache directive, cacheLife, cacheTag, updateTag und Migration von unstable_cache. Verwenden bei der Implementierung…

Mischen Sie statische, gecachte und dynamische Inhalte in einer einzigen Next.js-Route mit Partial Prerendering. Aktivieren Sie es mit cacheComponents: true in next.config.ts; ersetzt das alte experimentelle ppr-Flag. Verwenden Sie die 'use cache'-Direktive auf Datei-, Komponenten- oder Funktionsebene, um asynchrone Daten mit automatischer Schlüsselgenerierung basierend auf Argumenten und Closures zu cachen. Steuern Sie die Cache-Lebensdauer mit cacheLife() unter Verwendung integrierter Profile ('minutes', 'hours', 'days', 'weeks', 'max') oder Inline-Konfiguration mit stale,...

Next.js 16 Cache-Komponenten - PPR, use cache directive, cacheLife, cacheTag, updateTag

Check Next.js compilation errors via a running dev server. Turbopack only. MANDATORY after every code edit before reporting work complete. Replaces `next…

next-forge expert guidance — production-grade Turborepo monorepo SaaS starter by Vercel. Use when working in a next-forge project, scaffolding with `npx…

Fachkundige Unterstützung für next-forge — eine produktionsreife Turborepo-Vorlage für Next.js-SaaS-Anwendungen. Wird bei Fragen zur Installation, Einrichtung usw. von next-forge ausgelöst.

Next.js auf die neueste Version aktualisieren, dabei den offiziellen Migrationsleitfäden und Codemods folgen. Verwenden beim Aktualisieren von Next.js-Versionen, Ausführen von Codemods oder Migrieren…

Automatisierte Next.js-Versionsupgrades mit offiziellen Codemods und Integration der Migrationsanleitung. Erkennt die aktuelle Next.js-Version aus der package.json und ruft versionsspezifische Upgrade-Dokumentation aus offiziellen Leitfäden ab. Führt Next.js-Codemods automatisch aus, um Breaking Changes wie asynchrone Request-APIs, Geo/IP-Eigenschaftsmigrationen und dynamische Importtransformationen zu behandeln. Handhabt inkrementelle Upgrades für große Versionssprünge (z. B. 13 → 14 → 15) und aktualisiert Peer-Abhängigkeiten (React, React DOM,...).

Next.js auf die neueste Version aktualisieren, dabei den offiziellen Migrationsleitfäden und Codemods folgen

Next.js App Router Expertenberatung. Verwenden beim Erstellen, Debuggen oder Architekturieren von Next.js-Anwendungen — Routing, Server-Komponenten, Server-Aktionen, Cache…

Migrieren Sie eine Next.js-Anwendung von Webflow Cloud zu Vercel. Verwenden Sie diese Fähigkeit, wenn ein Benutzer eine Next.js-App von Webflow Cloud auf … verschieben, migrieren oder portieren möchte.

Structured diagnostic code library for JavaScript/TypeScript. Turns errors and other conditions into typed, machine-readable `Diagnostic` instances with stable…

Nuxt-Adapter zum direkten Einbetten von Emulatoren in eine Nuxt-App über @emulators/adapter-nuxt. Verwenden, wenn der Benutzer Emulatoren in Nuxt einbetten muss, Same-Origin einrichten…

OAuth-Anbieter (Google, Apple, Microsoft, Facebook, GitHub usw.) so konfigurieren, dass sie mit portlosen lokalen Entwicklungs-URLs funktionieren. Verwenden Sie dies beim Einrichten von OAuth-Weiterleitungs-URIs,…

Vercel Observability Expertenberatung — Drains (Logs, Traces, Speed Insights, Web Analytics), Web Analytics, Speed Insights, Runtime-Logs, benutzerdefinierte Ereignisse,…

OpenClaw Bootstrap, Bundle, Konfiguration und Restore-Asset-Debugging für vercel-openclaw: openclaw.bundle Sidecars, Plugin-Erkennung, Channel-Katalog, Neustart…

Hole Abhängigkeitsquellcode ab, um KI-Agenten einen tieferen Implementierungskontext zu geben. Verwenden Sie dies, wenn der Agent verstehen muss, wie eine Bibliothek intern funktioniert, lesen…

Anleitung zur Integration von Stripe-Zahlungen — natives Vercel Marketplace-Setup, Checkout-Sitzungen, Webhook-Handling, Abonnementabrechnung und das Stripe SDK. Verwenden, wenn…

Verwenden beim Erstellen, Überprüfen oder Optimieren von Web-Animationen ODER Rendering-Leistung (Frame-Loops, Scroll-/Viewport-Enthüllungen, Mount-/Unmount-Übergänge, …)

Ganzheitliche, systembewusste Planung vor der Umsetzung nicht-trivialer Aufgaben. Verwenden, wenn die Aufgabe neue Funktionen, Architekturentscheidungen, dateiübergreifende Änderungen umfasst,…

Auditiert die Leistung von Vercel-Plugin in realen Projekten. Extrahiert Tool-Aufrufe aus Claude Code-Konversationsprotokollen, testet Hook-Matching gegen tatsächliche Eingaben,…

Benannte .localhost-URLs für Entwicklungsserver, wodurch Portkonflikte und fest codierte Portnummern vermieden werden. Weist automatisch zufällige freie Ports (4000–4999) zu und leitet benannte Subdomains (z. B. myapp.localhost:1355) über einen Reverse-Proxy auf Port 1355 an die richtige App weiter. Erkennt automatisch Git-Worktrees und stellt Branchnamen als Subdomain-Präfixe voran, sodass jeder Worktree ohne Konfigurationsänderungen eine eindeutige URL erhält. Unterstützt HTTP/2 mit HTTPS über automatisch generierte lokale CA-Zertifikate; enthält CLI-Befehle für den Proxy...

Verwende diesen Skill, wenn der Benutzer nach dem PR-Status, CI-Fehlern oder Review-Kommentaren im Next.js-Monorepo fragt.

Minimale WebGPU-Shader-Bibliothek für kreatives Coding und Echtzeitgrafik. Bietet Vollbild-Pässe, Partikel, Compute-Shader, Renderziele und Ping-Pong…

Konvertiere JSON-Spezifikationen in React-Komponentenbäume mit typsicheren Props und State-Management. Definiere Kataloge mit Zod-Schemas für Komponenten-Props, implementiere dann Komponenten mit automatischer Typsicherheit und Validierung. Integriertes State-Management über StateProvider mit Zwei-Wege-Bindung ($bindState), bedingtem Rendering und externer Store-Integration (Redux, Zustand, XState). Ereignissystem mit Action-Dispatching, State-Watchern und vier integrierten Aktionen (setState, pushState, removeState,...

Richtlinien zur Leistungsoptimierung von React und Next.js von Vercel Engineering. Diese Fähigkeit sollte beim Schreiben, Überprüfen oder Refaktorieren von React/Next.js-Code verwendet werden, um optimale Leistungsmuster sicherzustellen. Wird bei Aufgaben ausgelöst, die React-Komponenten, Next.js-Seiten, Datenabruf, Bundle-Optimierung oder Leistungsverbesserungen betreffen.

React-Best-Practices-Reviewer für TSX-Dateien. Wird nach der Bearbeitung mehrerer TSX-Komponenten ausgelöst, um eine kompakte Qualitätscheckliste durchzuführen, die die Komponentenstruktur, … abdeckt.

React Email-Renderer für json-render, der JSON-Spezifikationen mithilfe von @react-email/components und @react-email/render in HTML- oder Klartext-E-Mails umwandelt. Verwenden, wenn…

React Native-Renderer für json-render, der JSON-Spezifikationen in native mobile Benutzeroberflächen umwandelt. Verwenden Sie dies bei der Arbeit mit @json-render/react-native, beim Erstellen von React Native-Benutzeroberflächen…

React Native und Expo Best Practices für die Entwicklung leistungsfähiger mobiler Apps. Verwenden beim Erstellen von React Native Komponenten, Optimieren der Listenleistung, Implementieren von…

React-PDF-Renderer für json-render. Verwenden Sie es beim Erstellen von PDF-Dokumenten aus JSON-Spezifikationen, beim Arbeiten mit @json-render/react-pdf oder beim Rendern von Spezifikationen in PDF…

React Three Fiber 3D-Renderer für json-render. Verwenden Sie, wenn Sie mit @json-render/react-three-fiber arbeiten, 3D-Szenen aus JSON-Spezifikationen erstellen, rendern…

Verwenden Sie diese Fähigkeit für Änderungen, die ausgelagertes React, react-server-dom-webpack/* oder Grenzen der react-server-Ebene betreffen.

Redux-Adapter für das StateStore-Interface von json-render. Verwenden Sie ihn bei der Integration von json-render mit Redux oder Redux Toolkit zur Zustandsverwaltung über @json-render/redux.

Vercel-Plugin veröffentlichen — Gates ausführen, Version erhöhen, Artefakte generieren, committen und pushen. Verwenden, wenn aufgefordert, „zu veröffentlichen“, „auszuliefern“, „Version zu erhöhen und zu pushen“ oder „ein Release zu erstellen“.

Remotion-Renderer für json-render, der JSON-Zeitleistenspezifikationen in Videos umwandelt. Verwenden Sie dies bei der Arbeit mit @json-render/remotion, beim Erstellen von Videokompositionen aus…

Bewährte Praktiken für Remotion - Videoerstellung in React

Entfernt die Einschränkungen von Open Harness gehosteten Demos aus einem Fork. Verwenden Sie dies, wenn ein Maintainer verwaltete Vorlagen-Testbegrenzungen, gehostete Bereitstellungssteuerungen oder… entfernen möchte.

Emulierte Resend-E-Mail-API für lokale Entwicklung und Tests. Verwenden, wenn der Benutzer lokal E-Mails senden, transaktionale E-Mail-Abläufe testen, Magic-Link-Implementierungen durchführen muss…

Verwende diese Fähigkeit beim Schreiben oder Ändern von Tests, die Prefetch-Anfragen, Client-Router-Navigationen oder den Segment-Cache betreffen. Das Dienstprogramm createRouterAct aus test/lib/router-act.ts ermöglicht es dir, Prefetch- und Navigationsantworten End-to-End zu überprüfen, ohne an die genaue Anzahl der Anfragen oder die Protokolldetails gebunden zu sein. Aus diesem Grund verwenden die meisten Client-Router-bezogenen Tests dieses Muster.

Vercel Routing Middleware-Anleitung — Anfrageabfang vor Cache, Rewrites, Redirects, Personalisierung. Funktioniert mit jedem Framework. Unterstützt Edge, Node.js,…

Vercel Runtime Cache API-Anleitung — flüchtiger pro Region begrenzter Schlüssel-Wert-Cache mit tagbasierter Invalidierung. Gemeinsam genutzt von Functions, Routing Middleware und Builds.…

Verwenden Sie diese Fähigkeit, wenn Sie Regressionen bei der Wiedergabe von Runtime-Bundle, Modulauflösung oder der Einbindung von Benutzer-Bundles reproduzieren.

Erstellt isolierte Linux-MicroVMs mit dem Vercel Sandbox SDK. Verwenden Sie dies beim Erstellen von Codeausführungsumgebungen, Ausführen von nicht vertrauenswürdigem Code, Starten von Entwicklungsservern, …

Sandbox-Lebenszyklus-Debugging für vercel-openclaw: Erstellen, Fortsetzen, Stoppen, Snapshot-Erstellung, Zurücksetzen, Bereinigung veralteter laufender Instanzen, persistentes Sandbox v2-Verhalten, Hot…

Vercel Sandbox v2 Lebenszyklus-Expertise für vercel-openclaw: benannte persistente OpenClaw Sandbox erstellen/fortsetzen/stoppen/löschen, persistente Auto-Save-Wahrheit, manuell…

Fachkundige Anleitung für Satori — Vercels Bibliothek, die HTML und CSS in SVG umwandelt und häufig zur Generierung dynamischer OG-Bilder für Next.js und andere Frameworks verwendet wird.

Richte die Vercel CLI und die Projektkonfiguration ein. Verwende dies, wenn der Benutzer „Vercel einrichten“, „Vercel konfigurieren“, „mit Vercel verknüpfen“ oder „vercel init“ sagt.

shadcn/ui Expertenberatung — CLI, Komponenteninstallation, Kompositionsmuster, benutzerdefinierte Registries, Theming, Tailwind CSS-Integration und hochwertige Benutzeroberfläche…

Vorgefertigte shadcn/ui-Komponenten für json-render. Verwenden Sie diese, wenn Sie mit @json-render/shadcn arbeiten, Standard-UI-Komponenten zu einem Katalog hinzufügen oder Web-Oberflächen mit… erstellen.

Vorgefertigte shadcn-svelte-Komponenten für json-render Svelte-Apps. Verwenden Sie diese bei der Arbeit mit @json-render/shadcn-svelte, um Standard-UI-Komponenten zu einer Svelte…

Integriere Shopify-validiertes Storefront- oder Customer-Account-GraphQL in den Vercel Shop. Verwende es, nachdem das Shopify AI Toolkit eine API-Operation bereitgestellt und validiert hat,…

Anleitung zur Anmeldung mit Vercel — OAuth 2.0/OIDC-Identitätsanbieter für die Benutzerauthentifizierung über Vercel-Konten. Verwenden Sie dies bei der Implementierung der Benutzeranmeldung mit Vercel als…

Leitfaden zur Erstellung effektiver Skills. Dieser Skill sollte verwendet werden, wenn Benutzer einen neuen Skill erstellen (oder einen bestehenden Skill aktualisieren) möchten, der Claudes…

Leitfaden zur Erstellung effektiver Skills. Dieser Skill sollte verwendet werden, wenn Benutzer einen neuen Skill erstellen (oder einen bestehenden Skill aktualisieren) möchten, der Claudes…

Emulierte Slack-API für lokale Entwicklung und Tests. Verwenden, wenn der Benutzer lokal mit Slack-API-Endpunkten interagieren, Slack-Integrationen testen, emulieren…

Verwenden bei der Arbeit mit Slack-Agent/Bot-Code, Chat-SDK-Anwendungen, Bolt für JavaScript-Projekte oder Projekten, die @chat-adapter/slack oder @slack/bolt verwenden. Bietet…

Slack-Kanal-Spezialisten-Workflow: Debuggen von Slack OAuth vs. auslieferungsbereit, /slack/events Fast-Path, Rohkörper-Signaturen, Routenreparatur, Boot-Message-Bereinigung und…

SolidJS-Renderer für json-render. Verwenden Sie dies beim Erstellen von @json-render/solid-Katalogen/-Registrierungen, beim Verdrahten von Renderer-Anbietern, beim Implementieren von Bindungen/Aktionen oder…

Streamdown Streaming-Markdown-Expertenberatung. Verwenden Sie dies beim Rendern von Streaming-Markdown aus KI-Modellen, beim Erstellen von Chat-Oberflächen mit Echtzeit-Inhalten oder beim Ersetzen von…

Streaming-optimierter React Markdown-Renderer mit Syntax-Highlighting, Diagrammen, Mathematik und KI-Chat-Integration. Unterstützt vier optionale Plugins: Code-Syntax-Highlighting via Shiki (200+ Sprachen), Mermaid-Diagramme, LaTeX-Mathematik-Rendering und CJK-Textunterstützung. Zwei Rendering-Modi: Streaming (mit animiertem Cursor für KI-Chat) und statisch (für Blogs und Dokumentation). Integrierte Sicherheitsfunktionen einschließlich Link-Sicherheitsmodalen, HTML-Tag-Filterung, URL-Bereinigung und konfigurierbaren Elementen...

Emulierte Stripe-API für lokale Entwicklung und Tests. Verwenden, wenn der Benutzer Zahlungen lokal verarbeiten, Checkout-Abläufe testen, Kunden erstellen, verwalten…

Fachkundige Anleitung für styled-jsx — bereichsbezogenes CSS-in-JS für React und Next.js. Verwenden Sie beim

Svelte 5 Renderer für json-render, der JSON-Spezifikationen in Svelte-Komponentenbäume umwandelt. Verwenden Sie dies bei der Arbeit mit @json-render/svelte, beim Erstellen von Svelte-Benutzeroberflächen aus JSON,…

SWR-Expertenberatung zum Datenabruf. Verwenden Sie dies beim Erstellen von React-Apps mit clientseitigem Datenabruf, Caching, Revalidierung, Mutationen, optimistischer Benutzeroberfläche, Paginierung oder…

Migriere eine TanStack Start-Anwendung von Cloudflare Workers zu Vercel. Verwende diese Fähigkeit, wenn ein Benutzer eine TanStack Start (oder…

Migriere eine TanStack Start-Anwendung von Netlify zu Vercel. Verwende diese Fähigkeit, wenn ein Benutzer eine TanStack Start- (oder TanStack-) App von… verschieben, migrieren oder portieren möchte.

Telegram-Kanal-Spezialisten-Workflow: Debuggen von /api/channels/telegram/webhook, nativer Port 8787 /telegram-webhook, webhookSecret, Boot-Bereinigung und Post-Accept…

Textdateien mit Bash-Werkzeugen analysieren und transformieren

Turbopack-Expertenberatung. Verwenden Sie dies beim Konfigurieren des Next.js-Bundlers, Optimieren von HMR, Debuggen von Build-Problemen oder Verstehen der Unterschiede zwischen Turbopack und Webpack…

Turborepo-Expertenberatung. Verwenden Sie dies beim Einrichten oder Optimieren von Monorepo-Builds, Konfigurieren von Aufgaben-Caching, Remote-Caching, paralleler Ausführung oder dem --affected…

Monorepo-Build-System mit intelligentem Task-Caching, paralleler Ausführung und Abhängigkeitsgraph-Orchestrierung. Cached Task-Ausgaben und führt Tasks parallel basierend auf deklarierten Abhängigkeiten aus; unterstützt Remote-Caching für CI/CD-Workflows. Filtert und führt nur geänderte Pakete mit --affected aus oder verwendet --filter für benutzerdefinierte Paketauswahl. Konfiguriert Tasks in turbo.json mit dependsOn-, outputs-, inputs- und env-Schlüsseln; unterstützt paketspezifische Überschreibungen über Package Configurations. Erzwingt Monorepo...

Semantisches Abstandssystem für Tailwind CSS v4 mit Block- (32px) und Tab-Einheiten (4px). Verwenden beim Erstellen von UIs mit konsistenten Abständen, Dashboards, Admin-Panels,…

Emulierte Twilio REST-APIs für lokale Entwicklung und Tests. Verwenden, wenn der Benutzer Twilio Messaging, Verify, Voice, Telefonnummern, Webhooks, Status… testen muss.

Wenn Klonen erforderlich ist:

Geführter Workflow zur Aktualisierung der Next.js-Dokumentation basierend auf Codeänderungen und PR-Reviews. Analysiert Git-Diffs, um betroffene Dokumentationsdateien mithilfe einer Code-zu-Docs-Zuordnungsreferenz zu identifizieren. Stellt Vorlagen und Konventionen für das Erstellen neuer Feature-Dokumentationen (Komponenten, Funktionen, Konfiguration, Anleitungen, Dateikonventionen) bereit. Führt schrittweise Aktualisierungen der bestehenden Dokumentation durch, mit Benutzerbestätigung vor jeder Änderung. Enthält eine Validierungs-Checkliste und Linting-Befehle zur Sicherstellung der Formatierung...

Neue Modell-IDs für bestehende AI SDK-Anbieter hinzufügen oder veraltete entfernen. Verwenden, wenn ein Modell zu einem Anbieter hinzugefügt, ein veraltetes Modell entfernt oder eine Liste von… verarbeitet wird.

Aktualisiere einen bestehenden Vercel Shop-Storefront mit neueren Vorlagenänderungen. Verwende dies, wenn der Benutzer Abweichungen prüfen, ein Upgrade planen oder Vorlagenaktualisierungen auf einen…

v0 von Vercel Expertenanleitung. Verwenden bei Diskussionen über KI-Codegenerierung, Erstellen von UI-Komponenten aus Prompts, v0 CLI-Nutzung, v0 SDK/API-Integration oder…

Verwende diese Fähigkeit beim Schreiben oder Optimieren von leistungskritischen Codepfaden in Next.js-Server-Interna – insbesondere bei anfragebezogenen Hot Paths wie Rendering, Streaming, Routing und Caching.

Emulierte Vercel-REST-API für lokale Entwicklung und Tests. Verwenden, wenn der Benutzer lokal mit Vercel-API-Endpunkten interagieren, Vercel-Integrationen testen,…

Anwendungen und Websites auf Vercel bereitstellen. Diese Fähigkeit nutzen, wenn der Benutzer Bereitstellungsaktionen anfordert wie "Meine App bereitstellen", "Dies in Produktion bereitstellen", "Eine Vorschau-Bereitstellung erstellen", "Bereitstellen und mir den Link geben" oder "Dies live schalten". Keine Authentifizierung erforderlich – gibt eine Vorschau-URL und einen beanspruchbaren Bereitstellungslink zurück.

Vercel Agent-Anleitung — KI-gestützte Code-Review, Incident-Untersuchung und SDK-Installation. Automatisiert PR-Analyse und Anomalie-Debugging. Verwenden Sie bei der Konfiguration von…

Vercel AI SDK (Python) - Muster zum Erstellen von LLM-gestützten Apps mit Streaming, Tools, Hooks und strukturierter Ausgabe

Vercel MCP und REST API Expertenberatung. Verwenden, wenn der Agent Live-Zugriff auf Vercel-Projekte, Deployments, Umgebungsvariablen, Domains, Logs oder… benötigt.

Vercel CLI Expertenberatung. Verwenden Sie beim Bereitstellen, Verwalten von Umgebungsvariablen, Verknüpfen von Projekten, Anzeigen von Protokollen, Abfragen von Metriken, Verwalten von Domains oder…

We need to translate the given English text into German, preserving the name "vercel-cli" if it appears. The text is a description of a command-line interface for Vercel projects. We must not add any extra commentary, labels, or formatting. The translation should be accurate and natural in German. The text: "Command-line interface for deploying, managing, and developing Vercel projects locally and in CI/CD pipelines. Requires explicit project linking via vercel link (single project) or vercel link --repo (monorepos); commands must run from the directory containing .vercel/ folder Core workflows: vercel dev for local development, vercel deploy for preview deployments, vercel --prod for production Supports environment variables, domains, DNS, blob storage, integrations, Node.js backends,..." We need to translate this into German. Note: "vercel-cli" is not in the text, but the name to preserve is given. The text contains "vercel link", "vercel dev", etc. Those are commands, so we should keep them as

Projekte auf Vercel mit tokenbasierter Authentifizierung bereitstellen und verwalten. Verwenden, wenn mit der Vercel CLI über Zugriffstokens statt interaktivem Login gearbeitet wird —…

React-Kompositionsmuster, die skalieren. Verwenden Sie beim Refaktorisieren von Komponenten mit boolescher Prop-Proliferation, beim Erstellen flexibler Komponentenbibliotheken oder beim Entwerfen…

React-Kompositionsmuster zur Skalierung von Komponenten und Vermeidung von boolescher Prop-Vermehrung. Behandelt vier Prioritätskategorien: Komponentenarchitektur, Zustandsverwaltung, Implementierungsmuster und React 19 APIs, jeweils mit spezifischen Regeln und Codebeispielen. Enthält über 10 benannte Muster für zusammengesetzte Komponenten, Context-Provider, State Lifting und explizite Varianten. Entwickelt für das Refactoring aufgeblähter Komponenten, den Aufbau wiederverwendbarer Bibliotheken und die Überprüfung von Komponentenarchitekturentscheidungen. React...

vercel-composition-patterns — eine installierbare Fähigkeit für KI-Agenten, veröffentlicht von vercel-labs/openreview.

Anwendungen und Websites mit einem anforderbaren Preview auf Vercel bereitstellen. Verwenden, wenn der Benutzer Bereitstellungsaktionen wie "meine App bereitstellen", "bereitstellen und mir geben…" anfordert.

Vercel Firewall Expertenberatung — automatische DDoS-Abwehr, das Vercel WAF (benutzerdefinierte Regeln, IP-Sperrung, verwaltete Regelsätze, Ratenbegrenzung), Angriffsmodus, System…

Vercel Flags Anleitung — Feature-Flags-Plattform mit einheitlichem Dashboard, Flags Explorer, schrittweisen Rollouts, A/B-Tests und Provider-Adaptern. Verwenden, wenn…

Fachkundige Anleitung zu Vercel Functions — Serverless Functions, Edge Functions, Fluid Compute, Streaming, Cron Jobs und Laufzeitkonfiguration. Verwenden Sie bei der Konfiguration von…

Leitfaden zum Erstellen, Konfigurieren und Bereitstellen von Microfrontends auf Vercel. Verwenden Sie diese Fähigkeit, wenn der Benutzer Microfrontends, Multi-Zonen oder das Aufteilen einer App erwähnt.

Wird für Vercel-Kosten- und Leistungsoptimierung bei deployed Projekten verwendet, insbesondere Next.js, SvelteKit, Nuxt und eingeschränkt Astro-Apps. Sammle zuerst Vercel-Metriken, Nutzung, Projektkonfiguration und Code-Scan-Ergebnisse; untersuche nur metrikgestützte Kandidaten; erstelle priorisierte Empfehlungen basierend auf verifizierten Dateien und versionsbewussten Vercel/Framework-Dokumenten. Auslöser für Vercel-Rechnungsreduzierung, langsame oder teure Routen, Caching-Möglichkeiten, Function Invocations, Build Minutes, Fast Data Transfer, Core...

Führen Sie Live-Eval-Sitzungen gegen das vercel-plugin durch, um Hook-Verhalten, Skill-Injektion, Dedup-Korrektheit und Abdeckung zu überprüfen. Startet echte Claude Code-Sitzungen…

Erstellung von Python-Backend-Diensten unter Verwendung der experimentellen Services-API von Vercel. Verwenden Sie dies beim Erstellen von Python-Backends oder Projekten mit mehreren Diensten, die ein Python-Backend umfassen…

Vercel Queues-Anleitung (öffentliche Beta) — dauerhaftes Event-Streaming mit Themen, Verbrauchergruppen, Wiederholungen und verzögerter Zustellung. 0,60 $/1 Mio. Operationen. Ermöglicht Workflow…

Richtlinien zur Leistungsoptimierung von React und Next.js von Vercel Engineering. Diese Fähigkeit sollte beim Schreiben, Überprüfen oder Refaktorisieren von React/Next.js…

Richtlinien zur Leistungsoptimierung von React und Next.js von Vercel Engineering. Diese Fähigkeit sollte beim Schreiben, Überprüfen oder Refaktorisieren von React/Next.js…

Richtlinien zur Leistungsoptimierung von React und Next.js von Vercel Engineering. Diese Fähigkeit sollte beim Schreiben, Überprüfen oder Refaktorieren von React/Next.js…

Richtlinien zur Leistungsoptimierung von React und Next.js von Vercel Engineering. Diese Fähigkeit sollte beim Schreiben, Überprüfen oder Refaktorieren von React/Next.js…

Richtlinien zur Leistungsoptimierung von React und Next.js von Vercel Engineering. Diese Fähigkeit sollte beim Schreiben, Überprüfen oder Refaktorisieren von React/Next.js…

Richtlinien zur Leistungsoptimierung von React und Next.js von Vercel Engineering. Diese Fähigkeit sollte beim Schreiben, Überprüfen oder Refaktorieren von React/Next.js…

React Native und Expo Best Practices für performante mobile Apps in den Bereichen Listen-Rendering, Animationen, Navigation und native Module. Umfasst acht nach Wirkung priorisierte Regelkategorien: Listen-Performance (FlashList, Memoisierung, Callback-Stabilität), Animationen (GPU-Eigenschaften, abgeleitete Werte), Navigation, UI-Muster, State-Management, Rendering, Monorepo-Struktur und Konfiguration. Die Regeln zur Listen-Performance behandeln kritische Aspekte wie das Virtualisieren großer Listen, Optimieren von Bildern und Vermeiden von...

React Native und Expo Best Practices für die Entwicklung leistungsfähiger mobiler Apps. Verwenden

Guide for implementing smooth, native-feeling animations using React's View Transition API (`<ViewTransition>` component, `addTransitionType`, and CSS view…

Vercel Sandbox-Anleitung — kurzlebige Firecracker-MicroVMs zur sicheren Ausführung von nicht vertrauenswürdigem Code. Unterstützt KI-Agenten, Codegenerierung und Experimente. Verwenden, wenn…

Vercel Services — mehrere Dienste innerhalb eines einzigen Vercel-Projekts bereitstellen. Verwenden für Monorepo-Strukturen oder wenn ein Backend (Python, Go) mit einem Frontend kombiniert wird…

Vercel-Speicher-Expertenberatung — Blob, Edge Config und Marketplace-Speicher (Neon Postgres, Upstash Redis). Verwenden Sie dies bei der Auswahl, Konfiguration oder Nutzung von Daten…

Full-Story-Verifikation — leitet ab, was der Benutzer erstellt, und verifiziert dann den vollständigen Ablauf Ende-zu-Ende: Browser → API → Daten → Antwort. Wird auf dem Entwicklungsserver ausgelöst…

Vue 3 Renderer für json-render. Verwenden Sie dies beim Erstellen von Vue-Benutzeroberflächen aus JSON-Spezifikationen, beim Arbeiten mit @json-render/vue, beim Definieren von Vue-Komponentenregistern oder beim Rendern…

Überprüfe UI-Code auf Einhaltung der Web Interface Guidelines. Verwende, wenn du gebeten wirst, "meine UI zu überprüfen", "Barrierefreiheit zu prüfen", "Design zu auditieren", "UX zu überprüfen" oder "meine Seite auf Best Practices zu prüfen".

web-animation-design — eine installierbare Fähigkeit für KI-Agenten, veröffentlicht von vercel-labs/open-agents.

Überprüfe UI-Code auf Einhaltung der Web-Interface-Richtlinien. Verwende, wenn du aufgefordert wirst, "meine UI zu überprüfen", "Barrierefreiheit zu prüfen", "Design zu auditieren", "UX zu überprüfen" oder "meine Seite zu überprüfen…

Überprüfe UI-Code auf Einhaltung der Web Interface Guidelines. Verwende, wenn du gebeten wirst, "meine UI zu überprüfen", "Barrierefreiheit zu prüfen", "Design zu auditieren", "UX zu überprüfen" oder "meine Seite zu überprüfen…

Überprüfe UI-Code auf Einhaltung der Web Interface Guidelines. Verwende, wenn du gebeten wirst, "meine UI zu überprüfen", "Barrierefreiheit zu prüfen", "Design zu auditieren", "UX zu überprüfen" oder "meine Seite zu überprüfen…

Überprüfe UI-Code auf Einhaltung der Web-Interface-Richtlinien. Verwende, wenn du aufgefordert wirst, "meine UI zu überprüfen", "Barrierefreiheit zu prüfen", "Design zu auditieren", "UX zu überprüfen" oder "meine Seite zu überprüfen…

Erstellen und aufnehmen von skriptgesteuerten Browser-Demovideos mit webreel. Erzeugt MP4-, GIF- oder WebM-Aufnahmen mit Cursor-Animation, Tastatureingabe-Overlays und Ton…

WhatsApp-Kanal-Spezialisten-Workflow: Debuggen von Meta-Webhook-Verifikationen/-Signaturen, Link-State-Projektion, /whatsapp-webhook-Schnellpfad, Boot-Nachrichten und…

Fachkundige Anleitung für das Vercel Workflow DevKit (WDK). Verwenden Sie es beim Erstellen dauerhafter Workflows, langlebiger Aufgaben, API-Routen oder Agents, die Pause/Fortsetzen, Wiederholungen usw. benötigen.

Erstellt langlebige, fortsetzbare Workflows mit Vercels Workflow DevKit. Verwenden Sie dies beim Erstellen von Workflows, die Neustarts überstehen, für externe Ereignisse pausieren,…

Langlebige, fortsetzbare Workflows mit schrittweiser Orchestrierung, Hooks für externe Ereignisse und integrierter KI-Agentenunterstützung. Unterstützt drei Ausführungsmodi: Workflow-Funktionen (Orchestrierungsebene), Schrittfunktionen (vollständiger Node.js-Zugriff mit automatischer Wiederholung und Ergebnispersistenz) und DurableAgent für KI-gestützte Workflows mit Tool-Integration. Workflows an Hooks pausieren, um auf externe Ereignisse zu warten, dann von API-Routen aus fortsetzen; Hooks unterstützen Einzelereignisse oder iterierbare Multi-Ereignis-Muster mit...

Installieren und konfigurieren Sie das Vercel Workflow SDK, bevor es in node_modules vorhanden ist. Verwenden Sie, wenn der Benutzer darum bittet, "workflow installieren", "workflow einrichten", "durable hinzufügen…

Erstellen Sie eine API-Referenzseite, die eine einzelne API-Oberfläche (Funktion, Komponente, Dateikonvention, Direktive oder Konfigurationsoption) dokumentiert. Die Seite sollte prägnant, übersichtlich und beispielorientiert sein.

Erstelle eine technische Anleitung, die einen realen Anwendungsfall durch progressive Beispiele vermittelt. Konzepte werden nur dann eingeführt, wenn der Leser sie benötigt.

Dokumente/Prosa auf Einhaltung der Schreibrichtlinien prüfen. Verwenden, wenn aufgefordert, "meine Dokumente zu überprüfen", "den Schreibstil zu prüfen", "Prosa zu auditieren", "Stimme und Ton von Dokumenten zu überprüfen" oder "diese Seite mit dem Schreibhandbuch abzugleichen".

XState Store-Adapter für das StateStore-Interface von json-render. Verwenden Sie dies bei der Integration von json-render mit @xstate/store zur Zustandsverwaltung über @json-render/xstate.

YAML-Drahtformat für json-render mit Streaming-Parser, Prompt-Generierung und AI SDK-Transformation. Verwenden Sie dies bei der Arbeit mit @json-render/yaml, YAML-basierter Spezifikation…

Installieren Sie Zero und laden Sie versionsabgestimmte Workflows mit Zero-Skills.

Entdeckungsfähigkeit für zero-native, eine Zig-Desktop-App-Shell zum Erstellen nativer Apps mit Web-Oberflächen. Verwenden, wenn der Benutzer fragt, was zero-native ist, wie man eine…

Zustand-Adapter für das StateStore-Interface von json-render. Verwenden Sie ihn bei der Integration von json-render mit Zustand zur Zustandsverwaltung über @json-render/zustand.