Skills Vercel

Guide pour ajouter de nouveaux exemples de fonctions IA, afin de tester des fonctionnalités spécifiques par rapport aux API réelles des fournisseurs.

Guide pour ajouter de nouveaux exemples de fonctions IA, pour tester des fonctionnalités spécifiques par rapport aux API ré

Guide pour ajouter de nouveaux packages de fournisseurs d'IA au SDK AI. À utiliser lors de la création d'un nouveau package @ai-sdk/<provider> pour intégrer un service d'IA dans le SDK.

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.

Créer et maintenir des enregistrements de décisions architecturales (ADR) optimisés pour les workflows de codage agentiques. Utilisez lorsque vous devez proposer, rédiger, mettre à jour, accepter/rejeter,…

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

Automatise les interactions avec le navigateur pour les tests web, le remplissage de formulaires, les captures d'écran et l'extraction de données.

Automatise les interactions avec le navigateur pour les tests web, le remplissage de formulaires, les captures d'écran et l'extraction de données. À utiliser lorsque l'utilisateur doit naviguer sur des sites web, interagir avec des pages web…

CLI d'automatisation de navigateur pour agents IA. À utiliser lorsque l'utilisateur doit interagir avec des sites web, vérifier la sortie du serveur de développement, tester des applications web, naviguer sur des pages, remplir des formulaires,…

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

Vérification automatisée du navigateur pour les serveurs de développement. Se déclenche lorsqu’un serveur de développement démarre pour effectuer un contrôle visuel rapide avec agent-browser — vérifie que la page se charge,…

Automated browser verification for dev servers. Triggers when a dev server starts to run a visual gut-check with agent-browser — verifies the page loads,…

Compétence d'accompagnement pour le cours Agent-Friendly APIs sur Vercel Academy. Construisez une API de feedback, rendez-la compatible avec les agents grâce à une documentation structurée, puis créez une compétence Claude Code qui génère automatiquement la documentation.

Python `ai` module — models, agents, hooks, middleware, MCP, structured output

Générez du texte, des images et des vidéos depuis le terminal en utilisant des modèles d'IA.

Guide de la bibliothèque de composants AI Elements — composants React préconstruits pour les interfaces IA basées sur shadcn/ui. À utiliser lors de la création d’interfaces de chat, d’affichages de messages, d’outils…

Créer de nouveaux composants d'interface de chat IA pour la bibliothèque ai-elements en suivant les modèles composables établis, l'intégration shadcn/ui et le SDK Vercel AI…

Composants React préconstruits pour interfaces de chat IA, basés sur shadcn/ui et le SDK AI. Inclut des composants de conversation, message, affichage d'outils et saisie d'invite conçus pour des applications natives IA. S'installe directement dans

Guide de la bibliothèque de composants AI Elements — composants React préconstruits pour les interfaces IA basées sur shadcn/ui. À utiliser lors de la création d’interfaces de chat, d’affichages de messages, d’outils…

Expert en passerelle IA Vercel. À utiliser lors de la configuration du routage de modèles, du basculement de fournisseurs, du suivi des coûts ou de la gestion de plusieurs fournisseurs d'IA via une interface unifiée…

Expert en passerelle IA Vercel. À utiliser lors de la configuration du routage de modèles, du basculement de fournisseur, du suivi des coûts ou de la gestion de plusieurs fournisseurs d'IA via une interface unifiée…

Modèles de persistance de génération IA — identifiants uniques, URLs adressables, stockage en base de données et suivi des coûts pour chaque génération LLM

Modèles de persistance de génération IA — identifiants uniques, URLs adressables, stockage en base de données et suivi des coûts pour chaque génération LLM

Documentation de référence et conseils pratiques pour créer des applications basées sur l'IA avec le Vercel AI SDK. Couvre les API principales pour la génération de texte, le streaming, l'appel d'outils, la sortie structurée, les embeddings et la création d'agents avec ToolLoopAgent. Inclut les hooks React (useChat, useCompletion) et les modèles spécifiques aux frameworks pour Next.js, SvelteKit et autres plateformes. Fournit des guides d'intégration de fournisseurs pour OpenAI, Anthropic, Google et autres, ainsi que la configuration d'AI Gateway pour un accès unifié aux modèles...

Répondre aux questions sur l'AI SDK et aider à construire des fonctionnalités basées sur l'IA. À utiliser lorsque les développeurs : (1) posent des questions sur les fonctions de

Conseils d'expert pour le SDK AI de Vercel. À utiliser lors de la création de fonctionnalités basées sur l'IA — interfaces

Répondre aux questions sur l'AI SDK et aider à construire des fonctionnal

Répondre aux questions sur le SDK AI et aider à créer des fonctionnalités basées sur l’IA. À utiliser lorsque les développeurs : (1) posent des questions sur les fonctions du SDK AI comme generateText, streamText,…

Conseils d'expert pour le SDK AI de

Convertir les données de l'analyseur de bundle Next.js en NDJSON et les explorer

Connexion Apple simulée / OIDC Apple pour le développement et les tests locaux. À utiliser lorsque l'utilisateur doit tester la connexion Apple localement, simuler l'OIDC Apple…

Interroger l'API RAG de la documentation Next.js pour le sujet : $ARGUMENTS

Guide d'intégration d'authentification — Configuration de Clerk (marketplace Vercel natif), Descope et Auth0 pour les applications Next.js. Couvre les modèles d'authentification middleware,…

Guide d'intégration d'authentification — Configuration de Clerk (marketplace Vercel natif), Descope et Auth0 pour les applications Next.js. Couvre les modèles d'authentification middleware,…

Utilisez cette compétence lors de la création ou de la modification de compétences d'agent dans .agents/skills/.

Outil CLI pour les versions automatisées basées sur des ensembles de modifications avec descriptions générées par IA. À utiliser lorsque l'utilisateur doit publier un package, créer des ensembles de modifications, incrémenter les versions,…

Services cloud AWS émulés (S3, SQS, IAM, STS) pour le développement et les tests locaux. À utiliser lorsque l'utilisateur doit interagir avec des points de terminaison d'API AWS localement, tester S3…

Valide les durées d'animation, applique l'échelle typographique, vérifie l'accessibilité des composants et empêche les anti-patrons de mise en page dans les projets Tailwind CSS. À utiliser lorsque…

Comparaison visuelle de pages web ou d'éléments entre deux URL ou images. Capture des captures d'écran aux formats desktop, mobile (375x812) ou tablette (768x1024), avec défilement intégral en option. Prend en charge les sélecteurs CSS pour isoler des éléments spécifiques, et accepte les URL file://, http://, https:// ou les chemins d'images locales. Génère une sortie formatée en Markdown avec téléchargement automatique des images vers 0x0.st (ou GitHub Gist) pour une intégration facile dans les PR. Inclut la détection de la protection de déploiement Vercel et l'intégration de l'interface en ligne de commande GitHub...

Scénarios avancés de benchmark pour agents IA qui exploitent les fonctionnalités de pointe de la plateforme Vercel — Workflow DevKit, AI Gateway, MCP, Chat SDK, Queues, Flags, Sandbox,…

Advanced AI agent benchmark scenarios that push Vercel's cutting-edge platform features — Workflow DevKit, AI Gateway, MCP, Chat SDK, Queues, Flags, Sandbox,…

Suite de benchmarks de bout en bout pour vercel-plugin. Exécute des projets réalistes via l'injection de compétences, lance des serveurs de développement, vérifie que tout fonctionne, analyse…

Suite de benchmarks de bout en bout pour vercel-plugin. Exécute des projets réalistes via l'injection de compétences, lance des serveurs de développement, vérifie que tout fonctionne, analyse…

Exécute les scénarios d'évaluation de vercel-plugin dans des sandbox Vercel au lieu de panneaux WezTerm locaux. Provisionne des microVM éphémères avec Claude Code et le plugin préinstallé,…

Exécute les scénarios d'évaluation de vercel-plugin dans des sandbox Vercel au lieu de panneaux WezTerm locaux. Provisionne des microVM éphémères avec Claude Code et le plugin préinstallé,…

Créer et lancer des projets de test de benchmark pour exercer l'injection de compétences vercel-plugin dans des scénarios réalistes. Configure des répertoires isolés, installe le…

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

Orchestrateur d'amorçage de projet pour les dépôts dépendant de ressources liées à Vercel (bases de données, authentification et intégrations gérées). Utiliser lors de la configuration ou…

Orchestrateur d'amorçage de projet pour les dépôts qui dépendent de ressources liées à Vercel (bases de données, authentification et intégrations gérées). Utiliser lors de la configuration ou…

Guide complet pour la création de composants d'interface utilisateur modernes, accessibles et composables. Couvre la taxonomie des composants (primitives, composants, blocs, modèles), les principes de conception fondamentaux et la mise en œuvre de l'accessibilité, y compris ARIA, la navigation au clavier et la conformité WCAG. Inclut des modèles pour les API composables, le polymorphisme, l'état contrôlé/non contrôlé et le modèle as-child pour une composition flexible des éléments. Fournit des conseils sur les jetons de conception, les systèmes de thèmes, les approches de style et l'utilisation de...

Capturer le dispositif de test de réponse API.

Stocker et gérer des fixtures de réponses API pour la validation du parsing des fournisseurs. Les fixtures sont organisées dans des sous-dossiers __fixtures__ au sein des packages fournisseurs, en utilisant des conventions de nommage documentées dans les exemples existants. Prend en charge deux modèles de test : generateText (journaliser la réponse brute dans la console et la copier dans la fixture) et streamText (utiliser les helpers includeRawChunks et saveRawChunks pour capturer les chunks de streaming). Recommande de stocker les vraies réponses des fournisseurs, sauf si des contraintes de taille nécessitent des coupures préservant le sens...

SDK TypeScript unifié pour construire des chatbots sur Slack, Teams, Google Chat, Discord, Telegram, GitHub, Linear et WhatsApp. Écrivez la logique du bot une fois, déployez partout.

Conseils d'expert pour le SDK de chat Vercel. À utiliser lors de la création de chatbots multi-plateformes — Slack, Telegram, Microsoft Teams, Discord, Google Chat, GitHub, Linear — avec un…

Écrivez des chatbots une fois, déployez-les sur Slack, Teams, Google Chat, Discord, GitHub et Linear. SDK TypeScript unifié avec gestionnaires d'événements indépendants de la plateforme (mentions, messages, réactions, commandes slash, actions) et format de message normalisé sur toutes les plateformes. Prise en charge intégrée du streaming pour les réponses IA via l'intégration du SDK AI, plus des cartes interactives basées sur JSX avec boutons, menus déroulants et modales de formulaire. Adaptateurs d'état enfichables pour Redis, PostgreSQL ou persistance en mémoire ; gestionnaires de webhooks...

Conseils d'expert pour le SDK de chat Vercel. À utiliser lors de la création de chatbots multi-plateformes — Slack, Telegram, Microsoft Teams, Discord, Google Chat, GitHub, Linear — avec un…

Conseils d'intégration de CMS headless — Sanity (marketplace Vercel natif), Contentful, DatoCMS, Storyblok et Builder.io. Couvre la configuration du studio, la modélisation du contenu,…

Conseils d'intégration de CMS headless — Sanity (marketplace Vercel natif), Contentful, DatoCMS, Storyblok et Builder.io. Couvre la configuration du studio, la modélisation du contenu,…

Examine les modifications de code et fournit des retours

Utilitaires de génération de code pour json-render. À utiliser lors de la génération de code à partir de spécifications d'interface utilisateur, de la création d'exportateurs de code personnalisés, du parcours de spécifications ou de la sérialisation de propriétés pour…

Définition de schéma, création de catalogue et génération de prompts IA pour les spécifications json-render. Définissez des schémas avec des spécifications typées et des catalogues en utilisant defineSchema, puis créez des catalogues mappant les noms de composants à leurs props et descriptions. Générez des prompts système IA à partir de catalogues avec des règles personnalisées optionnelles ; prend en charge le streaming de spécifications via des correctifs JSONL avec createSpecStreamCompiler. Les expressions de props dynamiques permettent la liaison d'état ($state, $bindState), les conditionnels ($cond), les templates ($template), et...

Guide complet pour migrer des projets Create React App (CRA) vers Next.js. À utiliser lors de la migration d'une application CRA, de la conversion de React Router vers le routage basé sur les fichiers, ou…

Créez des vidéos Remotion en utilisant l'esthétique du système de design Geist. À utiliser lorsqu'on vous demande de créer des vidéos, des animations ou des graphiques animés qui doivent suivre le style de Vercel…

Configuration des Cron Jobs Vercel et bonnes pratiques. À utiliser lors de l'ajout, de la modification ou du débogage de tâches planifiées dans vercel.json.

Configuration des Cron Jobs Vercel et bonnes pratiques. À utiliser lors de l'ajout, de la modification ou du débogage de tâches planifiées dans vercel.json.

Analyser et transformer des données CSV à l'aide d'outils bash.

Bootstrap d3k in standalone AI apps (Codex, Cursor, Claude Code): detect/install dev3000, start d3k as the runtime, and use unified logs plus CDP browser…

Utilisez cette compétence lorsque vous modifiez des chemins require() conditionnels, des importations propres à Node, ou des branchements edge/runtime.

Utiliser deepsec (un scanner de vulnérabilités alimenté par l'IA) — lancer des analyses, configurer des projets, écrire des matchers et créer des plugins. S'active lorsque l'utilisateur demande…

Deploy applications to Vercel. Use when the user says "deploy", "deploy to Vercel", "push to production", "deploy my app", or "go live".

Guide un utilisateur dans la collecte des identifiants nécessaires pour déployer sa propre copie d'Open Harness, déployer ce dépôt sur Vercel, et terminer la première exécution…

Déployer des applications et sites web sur Vercel avec intégration git automatique et URLs de prévisualisation. Prend en charge trois méthodes de déploiement : git-push (idéal pour les projets liés), déploiement direct via CLI, et solution de repli sans authentification pour les environnements cloisonnés. Détecte automatiquement l'état du projet (lié via .vercel/project.json ou .vercel/repo.json, présence d'un dépôt git distant, authentification CLI) et choisit la meilleure méthode de déploiement. Gère la sélection d'équipe pour les comptes multi-équipes et utilise --scope pour déployer vers la bonne...

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…

Expert en déploiement Vercel et conseils CI/CD. À utiliser lors du déploiement, de la promotion, du rollback, de l'inspection des déploiements, de la construction avec --prebuilt, ou de la configuration CI…

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

Développer des exemples pour les fonctions du SDK AI. À utiliser lors de la création, de l'exécution ou de la modification d'exemples sous examples/ai-functions/src pour valider la prise en charge du fournisseur,…

Scripts de développement et de validation pour les fonctions du SDK AI, couvrant plusieurs fournisseurs et capacités. Organisés par catégorie de fonction du SDK AI (génération de texte, streaming, sortie structurée, embeddings, génération d'images, parole, transcription, reclassement et agents). La convention de nommage des fichiers associe les combinaisons de fournisseurs et de fonctionnalités (par exemple, openai-tool-call.ts, amazon-bedrock-anthropic-cache-control.ts) pour une identification rapide. Inclut des utilitaires partagés pour la gestion des erreurs, le chargement d'environnement,...

Panneau d'inspection intégré pour toute application de rendu json. À utiliser lorsque l'utilisateur souhaite déboguer une interface générative, inspecter l'arbre de spécifications, modifier l'état à l'exécution, voir les actions dispatchées…

Directives personnalisées pré-construites pour json-render — formatage, mathématiques, manipulation de chaînes et i18n. À utiliser lorsque vous travaillez avec @json-render/directives, en définissant des…

Conseils d'expert pour l'Edge Runtime de Vercel — l'environnement d'exécution JavaScript léger pour les Edge Functions et Middleware de Vercel. À utiliser lors de la création ou de la configuration d'applications edge…

Automatisez les applications de bureau Electron (VS Code, Slack, Discord, Figma, Notion, Spotify, etc.) en utilisant agent-browser via le protocole Chrome DevTools. Utilisez lorsque l'utilisateur…

Guide d'intégration pour l'envoi d'emails — Resend (marketplace natif Vercel) avec les modèles React Email. Couvre la configuration de l'API, les emails transactionnels, le domaine…

Guide d'intégration pour l'envoi d'emails — Resend (marketplace natif Vercel) avec les modèles React Email. Couvre la configuration de l'API, les emails transactionnels, le domaine…

Cette compétence encode la philosophie d'Emil Kowalski sur le polissage UI, la conception de composants, les décisions d'animation et les détails invisibles qui rendent un logiciel agréable.

Émulateur d'API local pour Vercel, GitHub, Google, Slack, Apple, Microsoft et AWS. À utiliser lorsque l'utilisateur doit démarrer des services émulés, configurer des données de test…

Expert en variables d'environnement Vercel. À utiliser lors du travail avec des fichiers .env, des commandes vercel env, des jetons OIDC ou de la gestion de configuration spécifique à l'environnement.

Expert en variables d'environnement Vercel. À utiliser avec les fichiers .env, les commandes vercel env, les jetons OIDC ou la gestion de configuration spécifique à l'environnement.

Vous êtes un assistant pédagogique compétent pour le cours Building Filesystem Agents sur Vercel Academy. Vous aidez les étudiants à créer des agents qui naviguent dans les systèmes de fichiers avec bash pour répondre à des questions sur des données structurées.

Découvrir et installer des compétences spécialisées pour agents depuis l'écosystème ouvert lorsque les utilisateurs ont besoin de capacités étendues. Aide à identifier les compétences pertinentes par domaine et tâche lorsque les utilisateurs demandent "comment faire X" ou "trouver une compétence pour X". S'intègre avec la CLI Skills (npx skills find, npx skills add) pour rechercher, vérifier et installer des packages depuis le répertoire skills.sh. Recommande des compétences en fonction du nombre d'installations, de la réputation de la source et des étoiles GitHub pour garantir la qualité avant de suggérer l'installation. Présente la compétence...

Utilisez cette compétence pour ajouter ou modifier des indicateurs de fonctionnalités de framework dans les composants internes de Next.js.

Le SDK Flags (package npm flags) est une boîte à outils de fonctionnalités basculables pour Next.js et SvelteKit. Il transforme chaque fonctionnalité basculable en une fonction appelable, fonctionne avec n'importe quel fournisseur de fonctionnalités via des adaptateurs et maintient les pages statiques grâce au modèle de précalcul. Vercel Flags est le fournisseur propriétaire, permettant de gérer les fonctionnalités depuis le tableau de bord Vercel ou l'interface en ligne de commande vercel flags.

Créez des interfaces frontend distinctives et de qualité professionnelle avec un design de haut niveau. Utilisez cette compétence lorsque l'utilisateur demande de construire des composants web, des pages, des artefacts,…

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts,…

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…

Conseils d’expert pour Geist, le système typographique et la famille de polices par défaut de Vercel pour des interfaces Next.js précises. À utiliser lors de la configuration de Geist Sans, Geist Mono, ou…

Créez des expériences d'apprentissage exploratoires et interactives sous forme d'applications Next.js en utilisant le système de design Geist. À utiliser lors de la création de tutoriels, d'explications explorables,…

Conseils d'expert pour Geistdocs, le modèle de documentation de Vercel construit avec Next.js et Fumadocs — rédaction MDX, configuration, chat IA, i18n, retours,…

Conseils d'expert pour Geistdocs, le modèle de documentation de Vercel construit avec Next.js et Fumadocs — rédaction MDX, configuration, chat IA, i18n, retours,…

API REST GitHub émulée pour le développement et les tests locaux. À utiliser lorsque l'utilisateur a besoin d'interagir avec les points d'accès de l'API GitHub localement, de tester les intégrations GitHub,…

OAuth 2.0 Google émulé, OpenID Connect, Gmail, Agenda et Drive pour le développement et les tests locaux. À utiliser lorsque l'utilisateur doit tester la connexion Google…

Moteur de rendu d'image pour json-render qui transforme les spécifications JSON en images SVG et PNG via Satori. À utiliser lorsque vous travaillez avec @json-render/image, générant des images OG à partir de…

Moteur de rendu terminal Ink pour json-render qui transforme des spécifications JSON en interfaces utilisateur terminal interactives. À utiliser lorsque vous travaillez avec @json-render/ink, construisez des interfaces utilisateur terminal à partir de…

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…

Coordinateur de débogage orchestré. Se déclenche sur les signaux de frustration (bloqué, figé, cassé, en attente) et trie systématiquement : journaux d'exécution → état du workflow →…

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

Comment être secouru d'une île déserte

Comment être secouru d'une île déserte

Adaptateur Jotai pour l'interface StateStore de json-render. À utiliser lors de l'intégration de json-render avec Jotai pour la gestion d'état via @json-render/jotai.

Directives de rendu des réponses de chat IA — gestion des parties UIMessage, affichages des appels d'outils, états de streaming et présentation des données structurées. À utiliser lors de la construction…

Directives de rendu des réponses de chat IA — gestion des parties UIMessage, affichages des appels d'outils, états de streaming et présentation des données structurées. À utiliser lors de la construction…

Définition de schéma, création de catalogue et streaming de spécifications pour le rendu JSON piloté par IA. Définissez des schémas avec des spécifications typées et des catalogues de composants à l'aide de defineSchema et defineCatalog ; générez des invites IA automatiquement ou avec des règles personnalisées. Prend en charge les expressions de propriétés dynamiques, y compris la liaison d'état ($state, $bindState), les conditionnelles ($cond), les modèles et les fonctions calculées. Diffusez les réponses IA sous forme de correctifs JSONL à l'aide de createSpecStreamCompiler pour la construction progressive de spécifications. Validation intégrée,...

Générateur d'images pour json-render qui transforme les spécifications JSON en images SVG et PNG via Satori. À utiliser avec @json-render/image pour générer des images OG à partir de…

We need to translate the given text from English to French. The text describes a skill for converting JSON specifications into React component trees. We must preserve the name "json-render-react" but it's not in the text, so we don't include it. Also preserve technical terms like JSON, React, StateProvider, Redux, Zustand, XState, JSON Pointer, $bindState, setState, etc. The text has some ellipsis at the end, we keep that. Translation: "Convertir des spécifications JSON en arbres de composants React type-safe avec gestion d'état et expressions dynamiques. Prend en charge des spécifications d'interface déclaratives avec arbres d'éléments, liaison de données bidirectionnelle via $bindState, rendu conditionnel et expressions calculées. Gestion d'état intégrée via StateProvider avec intégration optionnelle de magasins externes (Redux, Zustand, XState) et chemins d'état basés sur JSON Pointer. Système d'événements avec

Rendu d'email React pour json-render qui transforme des spécifications JSON en emails HTML ou en texte brut en utilisant @react-email/components et @react-email/render. À utiliser lorsque…

Moteur de rendu React Native pour json-render qui transforme des spécifications JSON en interfaces utilisateur natives mobiles. À utiliser avec @json-render/react-native pour construire des interfaces React Native…

Rendu Remotion pour json-render qui transforme les spécifications de timeline JSON en vidéos. À utiliser avec @json-render/remotion pour construire des compositions vidéo à partir de…

Composants shadcn/ui préconstruits pour json-render. À utiliser avec @json-render/shadcn, pour ajouter des composants d’interface standard à un catalogue, ou pour construire des interfaces web avec…

Corrige les connaissances obsolètes du LLM sur la plateforme Vercel et présente de nouveaux produits. Injecté au début de la session.

Corrige les connaissances obsolètes du LLM sur la plateforme Vercel et présente de nouveaux produits. Injecté au début de la session.

Lister le contenu d’un tarball de paquet npm avant publication. Utiliser lorsque l’utilisateur souhaite voir quels fichiers sont inclus dans un bundle npm, vérifier le paquet…

Inspectez le contenu de l'archive npm avant publication pour vérifier quels fichiers seront distribués. Liste les fichiers exacts qui seraient téléchargés sur npm, aidant à détecter les inclusions manquantes ou indésirables avant publication. Respecte le champ files dans package.json, .npmignore et les règles .gitignore pour afficher le contenu réel du bundle. Construit automatiquement le package, crée une archive, affiche le contenu et nettoie en une seule commande. Exécutez depuis le répertoire du package avec un simple script bash ; utile pour...

Afficher les logs de déploiement Vercel. Utiliser lorsque l'utilisateur dit "afficher les logs", "vérifier les logs", "logs Vercel" ou "qu'est-ce qui a mal fonctionné avec le déploiement".

Contexte pour travailler sur la prochaine version majeure du SDK AI. À utiliser uniquement lorsque l'utilisateur l'invoque explicitement (par exemple via '/major-version-mode'). Ne PAS déclencher…

Contexte pour travailler sur la prochaine version majeure du SDK AI. À utiliser uniquement lorsque l'utilisateur l'invoque explicitement (par exemple via '/major-version-mode'). Ne PAS déclencher…

Expert en marketplace Vercel — découverte, installation et création d'intégrations, variables d'environnement auto-provisionnées, facturation unifiée, et le…

Vercel Marketplace expert guidance — discovering, installing, and building integrations, auto-provisioned environment variables, unified billing, and the…

Ajoute l'intégration des compétences IA (API Brand Review) à une application Sitecore Marketplace. À utiliser lorsque l'utilisateur souhaite ajouter une analyse de contenu alimentée par l'IA, une revue de marque ou une marque…

Ajoute une nouvelle route de point d'extension à une application Sitecore Marketplace. Utilisez lorsque l'utilisateur souhaite ajouter un champ personnalisé, un widget de tableau de bord, un panneau contextuel, un plein écran…

Ajoute l'intégration de l'API XM Cloud à une application Sitecore Marketplace. À utiliser lorsque l'utilisateur souhaite accéder aux API Sites, Pages, Authoring, Content Transfer, Search ou Agent…

Construit des composants d'interface utilisateur en utilisant le système de design Blok pour les applications Sitecore Marketplace. À utiliser lorsque l'utilisateur souhaite créer une interface utilisateur, ajouter des composants, construire une mise en page, ou…

Déploie une application Sitecore Marketplace vers Vercel avec les en-têtes CSP et la configuration corrects.

Génère la structure d'une nouvelle application Sitecore Marketplace en utilisant le SDK officiel. À utiliser lorsque l'utilisateur souhaite créer une nouvelle application marketplace, démarrer un nouveau projet Sitecore, ou…

Référence API du SDK Sitecore Marketplace. À utiliser lorsque l'utilisateur pose des questions sur les méthodes, types, requêtes, mutations, abonnements du SDK, ou sur l'utilisation de tout Sitecore…

Intégration des applications MCP pour json-render. À utiliser lors de la construction de serveurs MCP qui rendent des interfaces utilisateur interactives dans Claude, ChatGPT, Cursor ou VS Code, ou lors de l'intégration…

Conseils d’expert pour micro — framework asynchrone de microservices HTTP par Vercel. À utiliser lors de la création de serveurs HTTP légers, de points d’accès API ou de microservices…

Conseils d’expert pour micro — framework asynchrone de microservices HTTP par Vercel. À utiliser lors de la création de serveurs HTTP légers, de points d’accès API ou de microservices…

Émulation de Microsoft Entra ID (Azure AD) OAuth 2.0 / OpenID Connect pour le développement et les tests locaux. À utiliser lorsque l’utilisateur doit tester la connexion Microsoft localement,…

Migre les workflows Temporal, Inngest, Trigger.dev et AWS Step Functions vers le Workflow SDK. À utiliser lors du portage d'activités, de workers, de signaux, step.run(),…

Conseils d'expert pour @vercel/ncc — un CLI simple pour compiler des modules Node.js en un seul fichier avec toutes les dépendances incluses. À utiliser lors du regroupement de fonctions serverless…

Adaptateur Next.js pour intégrer des émulateurs directement dans une application Next.js via @emulators/adapter-next. À utiliser lorsque l'utilisateur doit intégrer des émulateurs dans Next.js, configurer…

Rendu Next.js pour json-render qui transforme des spécifications JSON en applications Next.js complètes avec routes, layouts, SSR et métadonnées. À utiliser lorsque vous travaillez avec…

Pratiques recommandées Next.js - conventions de fichiers, limites RSC, modèles de données, API asynchrones, métadonnées, gestion des erreurs, gestionnaires de routes, optimisation des images/polices,…

Directives complètes de développement Next.js couvrant la structure des fichiers, les motifs RSC, la récupération de données, l'optimisation et la gestion des erreurs. Couvre plus de 15 domaines thématiques incluant les conventions de fichiers, les segments de route, les limites RSC, les motifs asynchrones, la génération de métadonnées et l'optimisation des images et polices. Fournit des conseils de sélection d'exécution, d'utilisation des directives et de stratégies de gestion des erreurs avec des conventions de fichiers spécifiques comme error.tsx et not-found.tsx. Inclut des motifs de récupération de données, les meilleures pratiques pour les gestionnaires de route,...

Meilleures pratiques Next.js - conventions de fichiers, limites RSC, modèles de données, API asynchrones, métadonnées, gestion des erreurs, gestionnaires de routes, optimisation des images/polices,…

Meilleures pratiques Next.js - conventions de fichiers, limites RSC, modèles de données, API asynchrones, métadonnées, gestion des erreurs, gestionnaires de routes, optimisation des images/polices,…

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

Meilleures pratiques Next.js - conventions de fichiers, limites RSC, modèles de données, API asynchrones, métadonnées, gestion des erreurs, gestionnaires de routes, optimisation des images/polices,…

Si next-browser n'est pas déjà dans le PATH, installez @vercel/next-browser globalement avec le gestionnaire de paquets de l'utilisateur, puis exécutez playwright install chromium.

Mélangez du contenu statique, mis en cache et dynamique dans une seule route Next.js avec le rendu partiel. Activez avec cacheComponents: true dans next.config.ts ; remplace l'ancien indicateur experimental.ppr. Utilisez la directive 'use cache' au niveau du fichier, du composant ou de la fonction pour mettre en cache des données asynchrones avec une génération automatique de clés basée sur les arguments et les fermetures. Contrôlez la durée de vie du cache avec cacheLife() en utilisant des profils intégrés ('minutes', 'hours', 'days', 'weeks', 'max') ou une configuration en ligne avec stale,...

Composants de cache Next.js 16 - PPR, directive use cache, cacheLife, cacheTag, updateTag

Guide des composants de cache Next.js 16 — PPR, directive use cache, cacheLife, cacheTag, updateTag, et migration depuis unstable_cache. À utiliser lors de l'implémentation…

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

Composants de cache Next.js 16 - PPR, directive use cache, cacheLife, cacheTag, updateTag

Guide des composants de cache Next.js 16 — PPR, directive use cache, cacheLife, cacheTag, updateTag, et migration depuis unstable_cache. À utiliser lors de l'implémentation…

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…

Assistance experte pour next-forge — un modèle Turborepo de qualité production pour les applications SaaS Next.js. Se déclenche sur les questions concernant l'installation, la configuration de next-forge,…

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

Automated Next.js version upgrades with official codemods and migration guide integration. Detects current Next.js version from package.json and fetches version-specific upgrade documentation from official guides Runs Next.js codemods automatically to handle breaking changes like async Request APIs, geo/IP property migrations, and dynamic import transformations Handles incremental upgrades for major version jumps (e.g., 13 → 14 → 15) and updates peer dependencies (React, React DOM,...

Mettre à jour Next.js vers la dernière version en suivant les guides de migration officiels et les codemods

Mettre à jour Next.js vers la dernière version en suivant les guides de migration officiels et les codemods. Utiliser lors de la mise à jour des versions de Next.js, de l'exécution de codemods ou de la migration…

Mettre à jour Next.js vers la dernière version en suivant les guides de migration officiels et les codemods

Mettre à jour Next.js vers la dernière version en suivant les guides de migration officiels et les codemods

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

Expert en App Router Next.js. À utiliser lors de la création, du débogage ou de l'architecture d'applications Next.js — routage, composants serveur, actions serveur, cache…

Expert en App Router Next.js. À utiliser lors de la création, du débogage ou de l'architecture d'applications Next.js — routage, composants serveur, actions serveur, cache…

Configurer les fournisseurs OAuth (Google, Apple, Microsoft, Facebook, GitHub, etc.) pour fonctionner avec des URL de développement local sans port. Utiliser lors de la configuration des URI de redirection OAuth,…

Expert en observabilité Vercel — Drains (logs, traces, speed insights, web analytics), Web Analytics, Speed Insights, logs d'exécution, événements personnalisés,…

Expert en observabilité Vercel — Drains (logs, traces, speed insights, web analytics), Web Analytics, Speed Insights, logs d'exécution, événements personnalisés,…

Récupérer le code source des dépendances pour donner aux agents IA un contexte d'implémentation plus approfondi. Utiliser lorsque l'agent a besoin de comprendre le fonctionnement interne d'une bibliothèque, lire…

Guide d'intégration des paiements Stripe — configuration native Vercel Marketplace, sessions de paiement, gestion des webhooks, facturation par abonnement et SDK Stripe. Utiliser lorsque…

Guide d'intégration des paiements Stripe — configuration native Vercel Marketplace, sessions de paiement, gestion des webhooks, facturation par abonnement et SDK Stripe. À utiliser lorsque…

Planification holistique et consciente du système avant d'implémenter des tâches non triviales. À utiliser lorsque la tâche implique de nouvelles fonctionnalités, des décisions architecturales, des modifications multi-fichiers,…

Audit des performances de vercel-plugin sur des projets réels. Extrait les appels d'outils des journaux de conversation Claude Code, teste la correspondance des hooks par rapport aux entrées réelles,…

Audit des performances de vercel-plugin sur des projets réels. Extrait les appels d'outils des journaux de conversation de Claude Code, teste la correspondance des hooks par rapport aux entrées réelles,…

URLs .localhost nommées pour les serveurs de développement, éliminant les conflits de ports et les numéros de ports codés en dur. Attribue automatiquement des ports libres aléatoires (4000–4999) et achemine les sous-domaines nommés (par exemple myapp.localhost:1355) vers l'application correcte via un proxy inverse sur le port 1355. Détecte automatiquement les worktrees git et ajoute les noms de branches comme préfixes de sous-domaines, de sorte que chaque worktree obtienne une URL unique sans modification de configuration. Prend en charge HTTP/2 avec HTTPS via des certificats CA locaux générés automatiquement ; inclut des commandes CLI pour le proxy...

Utilisez cette compétence lorsque l'utilisateur pose des questions sur le statut des PR, les échecs CI ou les commentaires de révision dans le monorepo Next.js.

Bibliothèque de shaders WebGPU minimale pour le codage créatif et les graphiques temps réel. Fournit des passes plein écran, des particules, des shaders de calcul, des cibles de rendu et du ping-pong…

Convertir des spécifications JSON en arbres de composants React avec des props typées et une gestion d'état. Définir des catalogues avec des schémas Zod pour les props des composants, puis implémenter des composants avec sécurité de type et validation automatiques. Gestion d'état intégrée via StateProvider avec liaison bidirectionnelle ( $bindState ), rendu conditionnel et intégration de magasins externes (Redux, Zustand, XState). Système d'événements avec répartition d'actions, observateurs d'état et quatre actions intégrées (setState, pushState, removeState,...

Directives d'optimisation des performances React et Next.js issues de Vercel Engineering. Cette compétence doit être utilisée lors de l'écriture, la révision ou le refactoring de code React/Next.js pour garantir des schémas de performance optimaux. Se déclenche sur les tâches impliquant des composants React, des pages Next.js, la récupération de données, l'optimisation du bundle ou les améliorations de performance.

Correctif de meilleures pratiques React pour les fichiers TSX. Se déclenche après l'édition de plusieurs composants TSX pour exécuter une liste de contrôle de qualité condensée couvrant la structure des composants,…

Correctif de meilleures pratiques React pour fichiers TSX. Se déclenche après l'édition de plusieurs composants TSX pour exécuter une liste de contrôle de qualité condensée couvrant la structure des composants,…

Moteur de rendu React Email pour json-render qui transforme des spécifications JSON en e-mails HTML ou en texte brut en utilisant @react-email/components et @react-email/render. À utiliser lorsque…

Moteur de rendu React Native pour json-render qui transforme des spécifications JSON en interfaces utilisateur natives mobiles. À utiliser avec @json-render/react-native, pour construire des interfaces React Native…

Moteur de rendu PDF React pour json-render. À utiliser lors de la génération de documents PDF à partir de spécifications JSON, du travail avec @json-render/react-pdf, ou du rendu de spécifications en PDF…

Moteur de rendu 3D React Three Fiber pour json-render. À utiliser avec @json-render/react-three-fiber, pour construire des scènes 3D à partir de spécifications JSON, rendu…

Utilisez cette compétence pour les modifications touchant React vendored, react-server-dom-webpack/*, ou les limites de la couche react-server.

Adaptateur Redux pour l'interface StateStore de json-render. À utiliser lors de l'intégration de json-render avec Redux ou Redux Toolkit pour la gestion d'état via @json-render/redux.

Release vercel-plugin — exécuter les gates, incrémenter la version, générer les artefacts, commiter et pousser. Utiliser lorsqu'on demande de "release", "ship", "bump and push" ou "cut a release".

Release vercel-plugin — exécuter les gates, incrémenter la version, générer les artefacts, commiter et pousser. Utiliser lorsqu'on demande de "release", "ship", "bump and push" ou "cut a release".

Rendu Remotion pour json-render qui transforme les spécifications de timeline JSON en vidéos. À utiliser avec @json-render/remotion pour construire des compositions vidéo à partir de…

Meilleures pratiques pour Remotion - Création vidéo en React

Supprime les restrictions de démo hébergées par Open Harness d’un fork. À utiliser lorsqu’un mainteneur souhaite supprimer les plafonds d’essai des modèles gérés, le blocage des déploiements hébergés, ou…

API email Resend émulée pour le développement et les tests locaux. Utilisez-la lorsque l'utilisateur doit envoyer des emails localement, tester des flux d'emails transactionnels, implémenter des liens magiques…

Utilisez cette compétence lors de l'écriture ou de la modification de tests impliquant des requêtes de préchargement, des navigations de routeur client ou le cache de segments. L'utilitaire createRouterAct de test/lib/router-act.ts permet d'effectuer des assertions sur les réponses de préchargement et de navigation de bout en bout sans être lié au nombre exact de requêtes ni aux détails du protocole. C'est pourquoi la plupart des tests liés au routeur client utilisent ce modèle.

Conseils sur le middleware de routage Vercel — interception des requêtes avant le cache, réécritures, redirections, personnalisation. Fonctionne avec n'importe quel framework. Prend en charge Edge, Node.js,…

Conseils sur le middleware de routage Vercel — interception des requêtes avant le cache, réécritures, redirections, personnalisation. Fonctionne avec n'importe quel framework. Prend en charge Edge, Node.js,…

Vercel Runtime Cache API guidance — ephemeral per-region key-value cache with tag-based invalidation. Shared across Functions, Routing Middleware, and Builds.…

Guide de l'API Runtime Cache de Vercel — cache clé-valeur éphémère par région avec invalidation basée sur les tags. Partagé entre les fonctions, le middleware de routage et les builds.…

Utilisez cette compétence pour reproduire les régressions d'inclusion de runtime-bundle, de module-resolution ou de user-bundle.

Creates isolated Linux MicroVMs using Vercel Sandbox SDK. Use when building code execution environments, running untrusted code, spinning up dev servers,…

Conseils d'expert pour Satori — la bibliothèque de Vercel qui convertit HTML et CSS en SVG, couramment utilisée pour générer des images OG dynamiques pour Next.js et d'autres frameworks.

Conseils d'expert pour Satori — la bibliothèque de Vercel qui convertit HTML et CSS en SVG, couramment utilisée pour générer des images OG dynamiques pour Next.js et d'autres frameworks.

Configurer l'interface en ligne de commande Vercel et la configuration du projet. Utiliser lorsque l'utilisateur dit "set up Vercel", "configure Vercel", "link to Vercel" ou "vercel init".

Composants pré-construits shadcn/ui pour json-render. À utiliser lorsque vous travaillez avec @json-render/shadcn, ajoutez des composants d'interface utilisateur standard à un catalogue ou créez des interfaces web avec…

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

Expert shadcn/ui — CLI, installation de composants, motifs de composition, registres personnalisés, thèmes, intégration Tailwind CSS et interfaces de haute qualité…

Composants shadcn-svelte préconstruits pour les applications Svelte json-render. À utiliser lorsque vous travaillez avec @json-render/shadcn-svelte, ajoutant des composants d'interface utilisateur standard à une application Svelte…

Connexion avec Vercel — fournisseur d’identité OAuth 2.0/OIDC pour l’authentification des utilisateurs via les comptes Vercel. À utiliser lors de l’implémentation de la connexion utilisateur avec Vercel comme…

Connexion avec Vercel — fournisseur d’identité OAuth 2.0/OIDC pour l’authentification des utilisateurs via les comptes Vercel. À utiliser lors de l’implémentation de la connexion utilisateur avec Vercel en tant que…

Guide pour créer des compétences efficaces. Cette compétence doit être utilisée lorsque les utilisateurs souhaitent créer une nouvelle compétence (ou mettre à jour une compétence existante) qui étend les capacités de Claude…

Guide pour créer des compétences efficaces. Cette compétence doit être utilisée lorsque les utilisateurs souhaitent créer une nouvelle compétence (ou mettre à jour une compétence existante) qui étend les capacités de Claude…

API Slack émulée pour le développement et les tests locaux. Utilisez lorsque l'utilisateur doit interagir avec les points de terminaison de l'API Slack localement, tester les intégrations Slack, émuler…

À utiliser lorsque vous travaillez sur du code d'agent/bot Slack, des applications Chat SDK, des projets Bolt pour JavaScript, ou des projets utilisant @chat-adapter/slack ou @slack/bolt. Fournit…

Moteur de rendu SolidJS pour json-render. À utiliser lors de la création de catalogues/registres @json-render/solid, du câblage des fournisseurs Renderer, de l'implémentation de liaisons/actions, ou…

Expert en guidage streaming-markdown Streamdown. À utiliser lors du rendu de Markdown en streaming depuis des modèles d'IA, de la création d'interfaces de chat avec contenu en temps réel, ou du remplacement de…

Rendu React Markdown optimisé pour le streaming avec coloration syntaxique, diagrammes, formules mathématiques et intégration de chat IA. Prend en charge quatre plugins optionnels : coloration syntaxique du code via Shiki (200+ langues), diagrammes Mermaid, rendu mathématique LaTeX et support du texte CJK. Deux modes de rendu : streaming (avec curseur animé pour le chat IA) et statique (pour blogs et documentation). Fonctionnalités de sécurité intégrées incluant des modaux de sécurité des liens, le filtrage des balises HTML, l'assainissement des URL et des éléments configurables...

API Stripe émulée pour le développement et les tests locaux. Utilisez-la lorsque l'utilisateur doit traiter des paiements localement, tester des flux de paiement, créer des clients, gérer…

Conseils d'expert pour styled-jsx — CSS-in-JS à portée limitée pour React et Next.js. À utiliser lors de l'écriture de styles à portée de composant avec le plugin babel styled-jsx, en utilisant…

Moteur de rendu Svelte 5 pour json-render qui transforme des spécifications JSON en arbres de composants Svelte. À utiliser avec @json-render/svelte pour construire des interfaces utilisateur Svelte à partir de JSON,…

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

Expert en récupération de données SWR. À utiliser lors de la création d’applications React avec récupération de données côté client, mise en cache, revalidation, mutations, UI optimiste, pagination, ou…

Analyser et transformer des fichiers texte à l'aide d'outils bash

Expertise en Turbopack. À utiliser lors de la configuration du bundler Next.js, de l'optimisation du HMR, du débogage des problèmes de build ou de la compréhension des différences entre Turbopack et Webpack…

Expertise en Turbopack. À utiliser lors de la configuration du bundler Next.js, de l'optimisation du HMR, du débogage des problèmes de build ou de la compréhension des différences entre Turbopack et Webpack…

Conseils d'expert Turborepo. À utiliser lors de la configuration ou de l'optimisation de builds monorepo, de la configuration de la mise en cache des tâches, du cache distant, de l'exécution parallèle ou de l'option --affected…

Système de construction pour monorepos JavaScript/TypeScript. Turborepo met en cache les sorties des tâches et exécute les tâches en parallèle en fonction du graphe de dépendances.

Système de construction pour monorepos JavaScript/TypeScript. Turborepo met en cache les sorties des tâches et exécute les tâches en parallèle en fonction du graphe de dépendances.

We need to translate the given text from English to French. The text describes a monorepo build system (turborepo). We must preserve the name "turborepo" if it appears, but it does not appear in the source text. The source text is: "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..." We need to translate this into French, preserving technical terms like "turborepo" (not present), "turbo.json", "dependsOn", "outputs", "inputs", "env", "--affected", "--filter", "CI/CD", "Package Configurations". Also preserve numbers and URLs (none). Do not add any extra commentary

Turborepo expert guidance. Use when setting up or optimizing monorepo builds, configuring task caching, remote caching, parallel execution, or the --affected…

Lorsque le clonage est nécessaire :

Flux de travail guidé pour mettre à jour la documentation Next.js en fonction des modifications de code et des revues de PR. Analyse les diffs git pour identifier les fichiers de documentation concernés à l'aide d'une référence de correspondance code-vers-docs. Fournit des modèles et des conventions pour structurer la documentation des nouvelles fonctionnalités (composants, fonctions, configuration, guides, conventions de fichiers). Guide les mises à jour étape par étape de la documentation existante avec confirmation de l'utilisateur avant chaque modification. Inclut une liste de contrôle de validation et des commandes de linting pour garantir le formatage...

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…

Ajouter de nouveaux identifiants de modèles ou supprimer ceux obsolètes pour les fournisseurs AI SDK existants. Utiliser lors de l'ajout d'un modèle à un fournisseur, de la suppression d'un modèle obsolète ou du traitement d'une liste de…

Conseils d'expert v0 par Vercel. À utiliser pour discuter de la génération de code IA, de la création de composants d'interface utilisateur à partir de prompts, de l'utilisation de la CLI v0, de l'intégration du SDK/API v0, ou…

Conseils d'expert v0 par Vercel. À utiliser pour discuter de génération de code IA, création de composants d'interface à partir de prompts, utilisation de la CLI v0, intégration du SDK/API v0, ou…

Utilisez cette compétence lors de l'écriture ou de l'optimisation de chemins de code critiques pour la performance dans les internes du serveur Next.js — en particulier les chemins chauds par requête comme le rendu, le streaming, le routage et la mise en cache.

API REST Vercel émulée pour le développement et les tests locaux. À utiliser lorsque l’utilisateur doit interagir localement avec les points d’accès de l’API Vercel, tester les intégrations Vercel,…

Déployer des applications et des sites web sur Vercel. Utilisez cette compétence lorsque l'utilisateur demande des actions de déploiement telles que « Déployer mon application », « Déployer ceci en production », « Créer un déploiement de prévisualisation », « Déployer et me donner le lien » ou « Mettre ceci en ligne ». Aucune authentification requise - renvoie l'URL de prévisualisation et le lien de déploiement réclamable.

Guidance de l'agent Vercel — revue de code assistée par IA, investigation d'incidents et installation de SDK. Automatise l'analyse des PR et le débogage des anomalies. Utiliser lors de la configuration…

Guidance de l'agent Vercel — revue de code assistée par IA, investigation d'incidents et installation de SDK. Automatise l'analyse des PR et le débogage des anomalies. Utiliser lors de la configuration…

SDK Vercel AI (Python) - modèles pour construire des applications basées sur LLM avec streaming, outils, hooks et sortie structurée

Expert en API REST et MCP de Vercel. À utiliser lorsque l'agent a besoin d'un accès en direct aux projets, déploiements, variables d'environnement, domaines, logs ou…

Expert en API REST et MCP de Vercel. À utiliser lorsque l'agent a besoin d'un accès en direct aux projets, déploiements, variables d'environnement, domaines, logs ou…

Déployer, gérer et développer des projets sur Vercel depuis la ligne de commande

Conseils d'expert pour Vercel CLI. À utiliser lors du déploiement, de la gestion des variables d'environnement, de la liaison de projets, de la consultation des logs, de l'interrog

Interface en ligne de commande pour déployer, gérer et développer des projets Vercel localement et dans les pipelines CI/CD. Nécessite un lien explicite au projet via vercel link (projet unique) ou vercel link --repo (monorepos) ; les commandes doivent être exécutées depuis le répertoire contenant le dossier .vercel/. Flux de travail principaux : vercel dev pour le développement local, vercel deploy pour les déploiements de prévisualisation, vercel --prod pour la production. Prend en charge les variables d'environnement, les domaines, le DNS, le stockage blob, les intégrations, les backends Node.js,...

Déployer et gérer des projets sur Vercel en utilisant une authentification par jeton. À utiliser lorsque vous travaillez avec Vercel CLI avec des jetons d'accès plutôt qu'une connexion interactive —…

Déployer et gérer des projets sur Vercel en utilisant une authentification par jeton. À utiliser lorsque vous travaillez avec Vercel CLI avec des jetons d'accès plutôt qu'une connexion interactive —…

Modèles de composition React pour faire évoluer les composants et éviter la prolifération de props booléennes. Couvre quatre catégories prioritaires : architecture des composants, gestion d'état, modèles d'implémentation et API React 19, chacune avec des règles spécifiques et des exemples de code. Inclut plus de 10 modèles nommés abordant les composants composés, les fournisseurs de contexte, le remontée d'état et les variantes explicites. Conçu pour refactoriser des composants surchargés, construire des bibliothèques réutilisables et examiner les décisions d'architecture des composants. React...

React composition patterns qui évoluent. Utilisez lors du refactoring de composants avec

vercel-composition-patterns — une compétence installable pour agents IA, publiée par vercel-labs/openreview.

Modèles de composition React qui passent à l'échelle. À utiliser lors du refactoring de composants avec

Déploiement instantané vers Vercel avec détection automatique des frameworks et sans authentification requise. Empaquète les projets en archives tar, détecte automatiquement les frameworks depuis package.json, et renvoie une URL d'aperçu en direct ainsi qu'un lien de déploiement réclamable pour le transfert de compte. Prend en charge plus de 20 frameworks parmi React, Vue, Svelte, les environnements d'exécution backend et les projets HTML statiques. Exclut node_modules et .git des déploiements pour minimiser la taille du package. Renvoie à la fois des URL lisibles par l'humain et une sortie JSON pour l'intégration programmatique.

Déployer des applications et des sites web sur Vercel avec un aperçu réclamable. Utiliser lorsque l'utilisateur demande des actions de déploiement comme "déployer mon application", "déployer et me donner…

Déployer des applications et des sites web sur Vercel. Utilisez cette compétence lorsque l'utilisateur demande des actions de déploiement telles que « Déployer mon application », « Déployer ceci en production »,…

Expertise en pare-feu Vercel — atténuation automatique des DDoS, le WAF Vercel (règles personnalisées, blocage IP, ensembles de règles gérés, limitation de débit), mode Attaque, système…

Expertise en pare-feu Vercel — atténuation automatique des DDoS, WAF Vercel (règles personnalisées, blocage IP, ensembles de règles gérés, limitation de débit), mode Attaque, système…

Guidance Vercel Flags — plateforme de feature flags avec tableau de bord unifié, Flags Explorer, déploiements progressifs, tests A/B et adaptateurs de fournisseurs. Utiliser lorsque…

Guidance Vercel Flags — plateforme de feature flags avec tableau de bord unifié, Flags Explorer, déploiements progressifs, tests A/B et adaptateurs de fournisseurs. Utiliser lorsque…

Expertise en fonctions Vercel — Fonctions sans serveur, Fonctions Edge, Fluid Compute, streaming, tâches Cron et configuration d’exécution. Utiliser lors de la configuration,…

Expertise en fonctions Vercel — Fonctions sans serveur, Fonctions Edge, Fluid Compute, streaming, tâches Cron et configuration d’exécution. Utiliser lors de la configuration,…

Guide pour construire, configurer et déployer des microfrontends sur Vercel. Utilisez cette compétence lorsque l'utilisateur mentionne des microfrontends, des multi-zones, la division d'une application…

Utiliser pour l'optimisation des coûts et des performances Vercel sur les projets déployés, notamment Next.js, SvelteKit, Nuxt et certaines applications Astro. Collecter d'abord les métriques Vercel, l'utilisation, la configuration du projet et les résultats d'analyse de code ; n'étudier que les candidats basés sur des métriques ; produire des recommandations classées fondées sur des fichiers vérifiés et la documentation Vercel/framework tenant compte des versions. Déclencher pour la réduction de la facture Vercel, les routes lentes ou coûteuses, les opportunités de mise en cache, les invocations de fonctions, les minutes de build, le transfert de données rapide, Core...

Lance des sessions d'évaluation en direct contre le vercel-plugin pour vérifier le comportement des hooks, l'injection de compétences, l'exactitude de la déduplication et la couverture. Lance de vraies sessions Claude Code…

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

Construction de services backend Python à l'aide de l'API expérimentale Services de Vercel. À utiliser lors de la création de backends Python ou de projets multi-services avec un backend Python…

Directives Vercel Queues (bêta publique) — diffusion d'événements durables avec sujets, groupes de consommateurs, tentatives et livraison différée. 0,60 $/1M d'opérations. Alimente Workflow…

Directives Vercel Queues (bêta publique) — diffusion d'événements durables avec sujets, groupes de consommateurs, tentatives et livraison différée. 0,60 $/1M d'opérations. Alimente Workflow…

Directives d'optimisation des performances React et Next.js de Vercel Engineering. Cette compétence doit être utilisée lors de l'écriture, de la révision ou du refactoring de code React/Next.js…

Guide d'optimisation des performances React et Next.js avec 64 règles priorisées réparties en 8 catégories. Organisé par niveau d'impact, des cascades critiques et l'optimisation des bundles jusqu'aux motifs avancés, chaque règle inclut des exemples de code incorrect/correct et des explications. Couvre huit domaines : motifs asynchrones, taille du bundle, mise en cache côté serveur, récupération de données côté client, optimisation des re-rendus, performances de rendu, efficacité JavaScript et motifs avancés. Conçu pour être utilisé lors des composants...

Directives d'optimisation des performances React et Next.js de Vercel Engineering. Cette compétence doit être utilisée lors de l'écriture, de la révision ou du refactoring de code 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…

Directives d'optimisation des performances React et Next.js de Vercel Engineering. Cette compétence doit être utilisée lors de l'écriture, de la révision ou du refactoring de code React/Next.js…

Directives d'optimisation des performances React et Next.js de l'équipe Vercel Engineering. Cette compétence doit être utilisée lors de l'écriture, de la révision ou du refactoring de code React/Next.js…

Directives d'optimisation des performances React et Next.js de Vercel Engineering. Cette compétence doit être utilisée lors de l'écriture, de la révision ou du refactoring de code React/Next.js…

Directives d'optimisation des performances React et Next.js de Vercel Engineering. Cette compétence doit être utilisée lors de l'écriture, de la révision ou du refactoring de code React/Next.js…

Pratiques exemplaires pour React Native et Expo afin de créer des applications mobiles performantes, couvrant le rendu de listes, les animations, la navigation et les modules natifs. Comprend huit catégories de règles priorisées par impact : performance des listes (FlashList, mémoïsation, stabilité des callbacks), animations (propriétés GPU, valeurs dérivées), navigation, motifs d'interface utilisateur, gestion d'état, rendu, structure monorepo et configuration. Les règles de performance des listes abordent des préoccupations critiques comme la virtualisation des grandes listes, l'optimisation des images et l'évitement de...

Bonnes pratiques React Native et Expo pour créer des applications mobiles performantes. Utilisez

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

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…

Guide Vercel Sandbox — microVMs Firecracker éphémères pour exécuter du code non fiable en toute sécurité. Prend en charge les agents IA, la génération de code et l'expérimentation. Utilisez lorsque…

Guide Vercel Sandbox — microVMs Firecracker éphémères pour exécuter du code non fiable en toute sécurité. Prend en charge les agents IA, la génération de code et l'expérimentation. Utilisez lorsque…

Services Vercel — déployer plusieurs services au sein d’un seul projet Vercel. Utiliser pour les configurations monorepo ou lors de la combinaison d’un backend (Python, Go) avec un frontend…

Vercel Services — déployer plusieurs services au sein d'un seul projet Vercel. Utiliser pour les configurations monorepo ou lors de la

Expert en stockage Vercel — Blob, Edge Config et stockage Marketplace (Neon Postgres, Upstash Redis). À utiliser lors du choix, de la configuration ou de l'utilisation de données…

Expert en stockage Vercel — Blob, Edge Config et stockage Marketplace (Neon Postgres, Upstash Redis). À utiliser lors du choix, de la configuration ou de l'utilisation de données…

Vérification complète du scénario — déduit ce que l'utilisateur construit, puis vérifie le flux complet de bout en bout : navigateur → API → données → réponse. Se déclenche sur le serveur de développement…

Vérification de l'histoire complète — déduit ce que l'utilisateur construit, puis vérifie le flux complet de bout en bout : navigateur → API → données → réponse. Se déclenche sur le serveur de développement…

Moteur de rendu Vue 3 pour json-render. À utiliser lors de la construction d'interfaces utilisateur Vue à partir de spécifications JSON, du travail avec @json-render/vue, de la définition de registres de composants Vue, ou du rendu…

Examiner le code UI pour la conformité aux Web Interface Guidelines. Utiliser lorsqu'on vous demande de « réviser mon UI », « vérifier l'accessibilité », « auditer le design », « réviser l'UX » ou « vérifier mon site par rapport aux bonnes pratiques ».

web-animation-design — une compétence installable pour les agents IA, publiée par vercel-labs/open-agents.

Examiner le code UI pour la conformité aux directives d'interface Web. Utiliser lorsqu'on vous demande de « revoir mon UI », « vérifier l'accessibilité », « auditer le design », « revoir l'UX » ou « vérifier mon site… »

Examiner le code UI pour la conformité aux directives d'interface Web. Utiliser lorsqu'on vous demande de « réviser mon UI », « vérifier l'accessibilité », « auditer le design », « réviser l'UX » ou « vérifier mon site… »

Examiner le code UI pour la conformité aux directives d'interface Web. Utiliser lorsqu'on vous demande de « réviser mon UI », « vérifier l'accessibilité », « auditer le design », « réviser l'UX » ou « vérifier mon site… »

Examiner le code UI pour la conformité aux directives d'interface Web. Utiliser lorsqu'on vous demande de « revoir mon UI », « vérifier l'accessibilité », « auditer le design », « revoir l'UX » ou « vérifier mon site… »

Examiner le code UI pour la conformité aux directives d'interface Web. Utiliser lorsqu'on vous demande de « réviser mon UI », « vérifier l'accessibilité », « auditer le design », « réviser l'UX » ou « vérifier mon site… »

Créez et enregistrez des vidéos de démonstration de navigateur scriptées avec webreel. Génère des enregistrements MP4, GIF ou WebM avec animation du curseur, superposition des frappes et son…

Crée des workflows durables et interrompables à l’aide du Workflow DevKit de Vercel. À utiliser lors de la création de workflows devant survivre aux redémarrages, s’interrompre pour des événements externes,…

Expertise en Vercel Workflow DevKit (WDK). À utiliser lors de la création de workflows durables, de tâches longues, de routes API ou d'agents nécessitant pause/reprise, tentatives, …

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

Workflows durables et interrompables avec orchestration par étapes, hooks pour événements externes et support intégré d'agents IA. Prend en charge trois modes d'exécution : fonctions de workflow (couche d'orchestration), fonctions d'étape (accès complet à Node.js avec réessai automatique et persistance des résultats), et DurableAgent pour workflows alimentés par IA avec intégration d'outils. Mettez en pause les workflows au niveau des hooks pour attendre des événements externes, puis reprenez depuis les routes API ; les hooks prennent en charge les événements uniques ou les motifs itérables multi-événements avec...

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…

Produire une page de référence API qui documente une seule surface d'API (fonction, composant, convention de fichier, directive ou option de configuration). La page doit être concise, facile à parcourir et axée sur des exemples.

Produire un guide technique qui enseigne un cas d'usage concret à travers des exemples progressifs. Les concepts ne sont introduits que lorsque le lecteur en a besoin.

Examiner les documents/prose pour la conformité aux Writing Guidelines. Utiliser lorsqu'on vous demande de « réviser mes documents », « vérifier le style d'écriture », « auditer la prose », « réviser la voix et le ton des documents » ou « vérifier cette page par rapport au manuel d'écriture ».

Adaptateur de magasin XState pour l'interface StateStore de json-render. À utiliser lors de l'intégration de json-render avec @xstate/store pour la gestion d'état via @json-render/xstate.

Format filaire YAML pour rendu JSON avec analyseur en flux, génération de prompts et transformation SDK IA. À utiliser avec @json-render/yaml, spécification basée sur YAML…

Adaptateur Zustand pour l'interface StateStore de json-render. À utiliser lors de l'intégration de json-render avec Zustand pour la gestion d'état via @json-render/zustand.