Vercel Skills

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

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

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.

Guide for adding new AI provider packages to the AI SDK. Use when creating a new @ai-sdk/<provider> package to integrate an AI service into the SDK.

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

Create and maintain Architecture Decision Records (ADRs) optimized for agentic coding workflows. Use when you need to propose, write, update, accept/reject,…

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

Automates browser interactions for web testing, form filling, screenshots, and data extraction. Use when the user needs to navigate websites, interact with web…

Browser-Automatisierungs-CLI für KI-Agenten. Verwenden, wenn der Benutzer mit Websites interagieren, Dev-Server-Ausgaben überprüfen, Web-Apps testen, Seiten navigieren, Formulare ausfüllen muss,…

Browser automation CLI for AI agents. Use when the user needs to interact with websites, including navigating pages, filling forms, clicking buttons, taking…

Browser automation CLI for AI agents. Use when the user needs to interact with websites, verify dev server output, test web apps, navigate pages, fill forms,…

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,…

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` module — models, agents, hooks, middleware, MCP, structured output

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

AI Elements component library guidance — pre-built React components for AI interfaces built on shadcn/ui. Use when building chat UIs, message displays, tool…

Erstelle neue KI-Chat-Schnittstellenkomponenten für die ai-elements-Bibliothek gemäß etablierter komponierbarer Muster, shadcn/ui-Integration und Vercel AI SDK…

Pre-built React components for AI chat interfaces built on shadcn/ui and the AI SDK. Includes conversation, message, tool display, and prompt input components designed for AI-native applications Installs directly into your project codebase via CLI, making components fully customizable and extensible with standard React patterns Requires Next.js, AI SDK, shadcn/ui, and Node.js 18+; integrates seamlessly with Vercel's AI Gateway for model access All components support standard HTML attributes...

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

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

Vercel AI Gateway expert guidance. Use when configuring model routing, provider failover, cost tracking, or managing multiple AI providers through a unified…

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

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

Referenzdokumentation und praxisnahe Anleitung zur Entwicklung KI-gestützter Anwendungen mit dem Vercel AI SDK. Behandelt Kern-APIs für Textgenerierung, Streaming, Tool-Aufrufe, strukturierte Ausgaben, Embeddings und Agentenentwicklung mit ToolLoopAgent. Enthält React-Hooks (useChat, useCompletion) sowie frameworkspezifische Muster für Next.js, SvelteKit und andere Plattformen. Bietet Integrationsleitfäden für Anbieter wie OpenAI, Anthropic, Google und andere sowie die Einrichtung des AI Gateway für einheitlichen Modellzugriff...

Answer questions about the AI SDK and help build AI-powered features. Use when developers: (1) Ask about AI SDK functions like generateText, streamText,…

Vercel AI SDK expert guidance. Use when building AI-powered features — chat interfaces, text generation, structured output, tool calling, agents, MCP…

Answer questions about the AI SDK and help build AI-powered features. Use when developers: (1) Ask about AI SDK functions like generateText, streamText,…

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.

Vercel AI SDK expert guidance. Use when building AI-powered features — chat interfaces, text generation, structured output, tool calling, agents, MCP…

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

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

Authentication integration guidance — Clerk (native Vercel Marketplace), Descope, and Auth0 setup for Next.js applications. Covers middleware auth patterns,…

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

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

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…

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

Visual comparison of web pages or elements across two URLs or images. Captures screenshots at desktop, mobile (375x812), or tablet (768x1024) viewports, with optional full-page scrolling Supports CSS selectors to isolate specific elements, and accepts file://, http://, https:// URLs or local image paths Generates markdown-formatted output with automatic image upload to 0x0.st (or GitHub Gist) for easy PR integration Includes Vercel deployment protection detection and GitHub CLI integration...

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

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…

End-to-end benchmark suite for vercel-plugin. Runs realistic projects through skill injection, launches dev servers, verifies everything works, analyzes…

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

Run vercel-plugin eval scenarios in Vercel Sandboxes instead of local WezTerm panels. Provisions ephemeral microVMs with Claude Code + plugin pre-installed,…

Create and launch benchmark test projects to exercise vercel-plugin skill injection across realistic scenarios. Sets up isolated directories, installs the…

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

Project bootstrapping orchestrator for repos that depend on Vercel-linked resources (databases, auth, and managed integrations). Use when setting up or…

Project bootstrapping orchestrator for repos that depend on Vercel-linked resources (databases, auth, and managed integrations). Use when setting up or…

Comprehensive guide for building modern, accessible, and composable UI components. Covers component taxonomy (primitives, components, blocks, templates), core design principles, and accessibility implementation including ARIA, keyboard navigation, and WCAG compliance Includes patterns for composable APIs, polymorphism, controlled/uncontrolled state, and the as-child pattern for flexible element composition Provides guidance on design tokens, theming systems, styling approaches, and using...

Capture API response test fixture.

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

Unified TypeScript SDK for building chat bots across Slack, Teams, Google Chat, Discord, Telegram, GitHub, Linear, and WhatsApp. Write bot logic once, deploy everywhere.

Vercel Chat SDK expert guidance. Use when building multi-platform chat bots — Slack, Telegram, Microsoft Teams, Discord, Google Chat, GitHub, Linear — with a…

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…

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

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…

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

Comprehensive guide for migrating Create React App (CRA) projects to Next.js. Use when migrating a CRA app, converting React Router to file-based routing, or…

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.

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

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.

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.

Guides a user through collecting the credentials needed to deploy their own copy of Open Harness, deploying this repo on Vercel, and completing first-run…

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

Deploy applications and websites to Vercel. Use when the user requests deployment actions like "deploy my app", "deploy and give me the link", "push this…

Vercel deployment and CI/CD expert guidance. Use when deploying, promoting, rolling back, inspecting deployments, building with --prebuilt, or configuring CI…

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

Develop examples for AI SDK functions. Use when creating, running, or modifying examples under examples/ai-functions/src to validate provider support,…

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…

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…

Automatisieren Sie Electron-Desktop-Apps (VS Code, Slack, Discord, Figma, Notion, Spotify usw.) mit agent-browser über das Chrome DevTools Protocol. Verwenden Sie, wenn der Benutzer…

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

Email sending integration guidance — Resend (native Vercel Marketplace) with React Email templates. Covers API setup, transactional emails, domain…

This skill encodes Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible details that make software feel great.

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…

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

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

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

Use this skill when adding or changing framework feature flags in Next.js internals.

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.

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…

Expert guidance for Geist, Vercel's default typography system and font family for precise Next.js interfaces. Use when configuring Geist Sans, Geist Mono, or…

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

Expert guidance for Geistdocs, Vercel's documentation template built with Next.js and Fumadocs — MDX authoring, configuration, AI chat, i18n, feedback,…

Expert guidance for Geistdocs, Vercel's documentation template built with Next.js and Fumadocs — MDX authoring, configuration, AI 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,…

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…

Image renderer for json-render that turns JSON specs into SVG and PNG images via Satori. Use when working with @json-render/image, generating OG images from…

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…

Orchestrated debugging coordinator. Triggers on frustration signals (stuck, hung, broken, waiting) and systematically triages: runtime logs → workflow status →…

Orchestrated debugging coordinator. Triggers on frustration signals (stuck, hung, broken, waiting) and systematically triages: runtime logs → workflow status →…

Wie man von einer einsamen Insel gerettet wird

How to be rescued from a lonely island

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, Anzeige von Tool-Aufrufen, Streaming-Status und strukturierter Datenpräsentation. Verwenden beim Erstellen…

AI chat response rendering guidance — handling UIMessage parts, tool call displays, streaming states, and structured data presentation. Use when building…

Schema definition, catalog creation, and spec streaming for AI-driven JSON rendering. Define schemas with typed specs and component catalogs using defineSchema and defineCatalog ; generate AI prompts automatically or with custom rules Support dynamic prop expressions including state binding ( $state , $bindState ), conditionals ( $cond ), templates, and computed functions Stream AI responses as JSONL patches using createSpecStreamCompiler for progressive spec building Built-in validation,...

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.

Corrects outdated LLM knowledge about the Vercel platform and introduces new products. Injected at session start.

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

Liste den Inhalt eines npm-Paket-Tarballs vor der Veröffentlichung auf. Verwende dies, wenn der Benutzer sehen möchte, welche Dateien in einem npm-Bundle enthalten sind, das Paket überprüfen…

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…

Context for working on the next AI SDK major release. Only use when explicitly invoked by the user (e.g. via '/major-version-mode'). Do NOT trigger…

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

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

Adds AI Skills integration (Brand Review API) to a Sitecore Marketplace app. Use when the user wants to add AI-powered content analysis, brand review, or brand…

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…

Builds UI components using the Blok design system for Sitecore Marketplace apps. Use when the user wants to create UI, add components, build a page layout, or…

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…

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,…

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

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 for json-render that turns JSON specs into full Next.js applications with routes, layouts, SSR, and metadata. Use when working with…

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 - file conventions, RSC boundaries, data patterns, async APIs, metadata, error handling, route handlers, image/font optimization,…

Next.js best practices - file conventions, RSC boundaries, data patterns, async APIs, metadata, error handling, route handlers, image/font optimization,…

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.

Mix static, cached, and dynamic content in a single Next.js route with Partial Prerendering. Enable with cacheComponents: true in next.config.ts ; replaces the old experimental.ppr flag Use the 'use cache' directive at file, component, or function level to cache async data with automatic key generation based on arguments and closures Control cache lifetime with cacheLife() using built-in profiles ( 'minutes' , 'hours' , 'days' , 'weeks' , 'max' ) or inline configuration with stale,...

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

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

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

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

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

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…

Expert assistance for next-forge — a production-grade Turborepo template for Next.js SaaS apps. Triggers on questions about next-forge installation, setup,…

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

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

Upgrade Next.js to the latest version following official migration guides and codemods

Upgrade Next.js to the latest version following official migration guides and codemods. Use when upgrading Next.js versions, running codemods, or migrating…

Upgrade Next.js to the latest version following official migration guides and codemods

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

Upgrade Next.js to the latest version following official migration guides and codemods. Use when upgrading Next.js versions, running codemods, or migrating…

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

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

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, Laufzeit-Logs, benutzerdefinierte Ereignisse,…

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

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…

Stripe payments integration guidance — native Vercel Marketplace setup, checkout sessions, webhook handling, subscription billing, and the Stripe SDK. Use when…

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

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

Audit vercel-plugin performance on real-world projects. Extracts tool calls from Claude Code conversation logs, tests hook matching against actual inputs,…

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

Named .localhost URLs for dev servers, eliminating port conflicts and hardcoded port numbers. Assigns random free ports (4000–4999) automatically and routes named subdomains (e.g. myapp.localhost:1355 ) to the correct app via a reverse proxy on port 1355 Auto-detects git worktrees and prepends branch names as subdomain prefixes so each worktree gets a unique URL without configuration changes Supports HTTP/2 with HTTPS via auto-generated local CA certificates; includes CLI commands for proxy...

Use this skill when the user asks about PR status, CI failures, or review comments in the Next.js monorepo.

Minimal WebGPU shader library for creative coding and real-time graphics. Provides fullscreen passes, particles, compute shaders, render targets, and 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,...

React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.

React best-practices reviewer for TSX files. Triggers after editing multiple TSX components to run a condensed quality checklist covering component structure,…

React best-practices reviewer for TSX files. Triggers after editing multiple TSX components to run a condensed quality checklist covering component structure,…

React Email renderer for json-render that turns JSON specs into HTML or plain-text emails using @react-email/components and @react-email/render. Use when…

React Native renderer for json-render that turns JSON specs into native mobile UIs. Use when working with @json-render/react-native, building React Native UIs…

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…

Use this skill for changes touching vendored React, react-server-dom-webpack/* , or react-server layer boundaries.

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.

Release vercel-plugin — run gates, bump version, generate artifacts, commit, and push. Use when asked to "release", "ship", "bump and push", or "cut a release".

Release vercel-plugin — run gates, bump version, generate artifacts, commit, and push. Use when asked to "release", "ship", "bump and push", or "cut a release".

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…

Best practices for Remotion - Video creation in React

Removes Open Harness hosted demo restrictions from a fork. Use when a maintainer wants to remove managed-template trial caps, hosted deployment gating, or…

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 guidance — request interception before cache, rewrites, redirects, personalization. Works with any framework. Supports Edge, Node.js,…

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-Schlüssel-Wert-Cache mit tagbasierter Invalidierung. Gemeinsam genutzt von Functions, Routing Middleware und Builds.…

Vercel Runtime Cache API guidance — ephemeral per-region key-value cache with tag-based invalidation. Shared across Functions, Routing Middleware, and 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, …

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.

Expert guidance for Satori — Vercel's library that converts HTML and CSS to SVG, commonly used to generate dynamic OG images for Next.js and other frameworks.

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.

Pre-built shadcn/ui components for json-render. Use when working with @json-render/shadcn, adding standard UI components to a catalog, or building web UIs with…

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

shadcn/ui expert guidance — CLI, component installation, composition patterns, custom registries, theming, Tailwind CSS integration, and high-quality interface…

Pre-built shadcn-svelte components for json-render Svelte apps. Use when working with @json-render/shadcn-svelte, adding standard UI components to a Svelte…

Sign in with Vercel guidance — OAuth 2.0/OIDC identity provider for user authentication via Vercel accounts. Use when implementing user login with Vercel as…

Sign in with Vercel guidance — OAuth 2.0/OIDC identity provider for user authentication via Vercel accounts. Use when implementing user login with Vercel as…

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…

Guide for creating effective skills. This skill should be used when users want to create a new skill (or update an existing skill) that extends Claude's…

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…

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…

Expert guidance for styled-jsx — scoped CSS-in-JS for React and Next.js. Use when writing component-scoped styles with the styled-jsx babel plugin, using…

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…

SWR data-fetching expert guidance. Use when building React apps with client-side data fetching, caching, revalidation, mutations, optimistic UI, pagination, or…

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…

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…

Build-System für JavaScript/TypeScript-Monorepos. Turborepo speichert Aufgabenausgaben zwischen und führt Aufgaben parallel basierend auf dem Abhängigkeitsgraphen aus.

Build-System für JavaScript/TypeScript-Monorepos. Turborepo speichert Aufgabenausgaben zwischen und führt Aufgaben parallel basierend auf dem Abhängigkeitsgraphen aus.

Monorepo build system with intelligent task caching, parallel execution, and dependency graph orchestration. Caches task outputs and runs tasks in parallel based on declared dependencies; supports remote caching for CI/CD workflows Filters and runs only changed packages with --affected , or use --filter for custom package selection Configures tasks in turbo.json with dependsOn , outputs , inputs , and env keys; supports package-specific overrides via Package Configurations Enforces monorepo...

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

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 Sie dies, wenn Sie ein Modell zu einem Anbieter hinzufügen, ein veraltetes Modell entfernen oder eine Liste von… verarbeiten.

Add new or remove obsolete model IDs for existing AI SDK providers. Use when adding a model to a provider, removing an obsolete model, or processing a list of…

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

v0 by Vercel expert guidance. Use when discussing AI code generation, generating UI components from prompts, v0 CLI usage, v0 SDK/API integration, or…

Use this skill when writing or optimizing performance-critical code paths in Next.js server internals — especially per-request hot paths like rendering, streaming, routing, and 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 guidance — AI-powered code review, incident investigation, and SDK installation. Automates PR analysis and anomaly debugging. Use when configuring…

Vercel Agent guidance — AI-powered code review, incident investigation, and SDK installation. Automates PR analysis and anomaly debugging. Use when configuring…

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

Vercel MCP and REST API expert guidance. Use when the agent needs live access to Vercel projects, deployments, environment variables, domains, logs, or…

Vercel MCP and REST API expert guidance. Use when the agent needs live access to Vercel projects, deployments, environment variables, domains, logs, or…

Deploy, manage, and develop projects on Vercel from the command line

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

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

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

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

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

React composition patterns that scale. Use when refactoring components with

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

React composition patterns that scale. Use when refactoring components with

Instant deployment to Vercel with auto-detected frameworks and no authentication required. Packages projects into tarballs, auto-detects frameworks from package.json , and returns a live preview URL plus a claimable deployment link for account transfer Supports 20+ frameworks across React, Vue, Svelte, backend runtimes, and static HTML projects Excludes node_modules and .git from deployments to minimize package size Returns both human-readable URLs and JSON output for programmatic integration

Deploy applications and websites to Vercel with a claimable preview. Use when the user requests deployment actions like "deploy my app", "deploy and give me…

Anwendungen und Websites auf Vercel bereitstellen. Verwenden Sie diese Fähigkeit, wenn der Benutzer Bereitstellungsaktionen wie „Meine App bereitstellen“, „Dies in Produktion bereitstellen“ anfordert.

Vercel Firewall expert guidance — automatic DDoS mitigation, the Vercel WAF (custom rules, IP blocking, managed rulesets, rate limiting), Attack Mode, system…

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…

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

Vercel Functions expert guidance — Serverless Functions, Edge Functions, Fluid Compute, streaming, Cron Jobs, and runtime configuration. Use when configuring,…

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

Guide for building, configuring, and deploying microfrontends on Vercel. Use this skill when the user mentions microfrontends, multi-zones, splitting an app…

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…

Run live eval sessions against the vercel-plugin to verify hook behavior, skill injection, dedup correctness, and coverage. Launches real Claude Code sessions…

Building Python backend services using Vercel's experimentalServices API. Use when creating Python backends, or multi-service projects with a Python backend…

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

Vercel Queues guidance (public beta) — durable event streaming with topics, consumer groups, retries, and delayed delivery. $0.60/1M ops. Powers Workflow…

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 and Next.js performance optimization guide with 64 prioritized rules across 8 categories. Organized by impact level, from critical waterfalls and bundle optimization down to advanced patterns, each rule includes incorrect/correct code examples and explanations Covers eight domains: async patterns, bundle size, server-side caching, client-side data fetching, re-render optimization, rendering performance, JavaScript efficiency, and advanced patterns Designed for use during component...

React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js…

React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js…

React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js…

React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring 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 Refaktorisieren von React/Next.js…

React Native and Expo best practices for performant mobile apps across list rendering, animations, navigation, and native modules. Covers eight rule categories prioritized by impact: list performance (FlashList, memoization, callback stability), animations (GPU properties, derived values), navigation, UI patterns, state management, rendering, monorepo structure, and configuration List performance rules address critical concerns like virtualizing large lists, optimizing images, and avoiding...

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

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

React Native and Expo best practices for building performant mobile apps. Use

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

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 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 — deploy multiple services within a single Vercel project. Use for monorepo layouts or when combining a backend (Python, Go) with a frontend…

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…

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…

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 for json-render. Use when building Vue UIs from JSON specs, working with @json-render/vue, defining Vue component registries, or rendering…

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".

web-animation-design — an installable skill for AI agents, published by 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-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-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…

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site…

Ü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…

Create and record scripted browser demo videos with webreel. Generates MP4, GIF, or WebM recordings with cursor animation, keystroke overlays, and sound…

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

Vercel Workflow DevKit (WDK) expert guidance. Use when building durable workflows, long-running tasks, API routes or agents that need pause/resume, retries,…

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.

Durable, resumable workflows with step-based orchestration, hooks for external events, and built-in AI agent support. Supports three execution modes: workflow functions (orchestration layer), step functions (full Node.js access with automatic retry and result persistence), and DurableAgent for AI-powered workflows with tool integration Pause workflows at hooks to wait for external events, then resume from API routes; hooks support single events or iterable multi-event patterns with...

Install and configure Vercel Workflow SDK before it exists in node_modules. Use when the user asks to "install workflow", "set up workflow", "add durable…

Produce an API reference page that documents a single API surface (function, component, file convention, directive, or config option). The page should be concise, scannable, and example-driven.

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…

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.