Skills Vercel

Add a vendor-official or community adapter to the Chat SDK catalog and docs — adapters.json registry, chat/adapters catalog entry, the docs MDX page,…

Ajouter un nouveau code de diagnostic en suivant les conventions de defineDiagnostics() de nostics

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

Guide for adding new AI SDK harness packages. Use when creating a new @ai-sdk/harness-<name> package that adapts a coding-agent runtime to HarnessV1.

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.

Débogage de l'interface d'administration et de la surface opérateur pour vercel-openclaw : conception de l'invite de commande, actions d'administration, noyau de requêtes, panneaux d'état, interface de vérification de lancement, canal…

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

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

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

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` SDK — models, providers, streams, events, tools, agents, hooks, MCP, AI SDK UI, structured output, and media generation

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…

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

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

Conseils d'expert pour le SDK AI de

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

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

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

Génère une documentation markdown adaptée aux agents pour les routes API. Utiliser lorsque l'utilisateur dit "générer la documentation", "documenter cette API", "créer une documentation API" ou "faire…

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

Migrer une application Astro de Webflow Cloud vers Vercel. Utilisez cette compétence lorsqu'un utilisateur souhaite déplacer, migrer ou porter une application Astro hors de Webflow Cloud vers…

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

Débogage d'authentification et de stockage pour vercel-openclaw : mode admin-secret, Connexion avec Vercel, cookies de session, CSRF, LOCAL_READ_ONLY, stockage Redis vs mémoire, keyspace…

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

Automate and inspect running zero-native WebView shell apps via the built-in automation server. Use when the user asks to test the app, list windows, take a…

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…

Effectuer un backport d'une pull request Next.js fusionnée depuis canary vers une branche de version précédente telle que next-16-2. Utiliser lorsque l'utilisateur demande de faire un backport, un cherry-pick ou d'ouvrir un…

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 de référence avancés pour agents IA qui exploitent les fonctionnalités de pointe de la plateforme Vercel — 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…

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…

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…

Build or adapt a Shopify storefront with Vercel Shop source-backed patterns. Use when creating, redesigning, refactoring, or reviewing storefront routes,…

Companion skill for the Building Agents with eve course on Vercel Academy. Use when the user mentions "building agents with eve", "the eve course", "the bike…

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

Expert guidance for Next.js Cache Components and Partial Prerendering (PPR). **PROACTIVE ACTIVATION**: Use this skill automatically when working in Next.js…

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

Debug Vercel CDN caching — cache hit rate, stale content, revalidation behavior, ISR + PPR, per-request cache reasons (cacheReason), and costs.

Triage des webhooks de canal pour les problèmes Slack/Telegram/Discord/WhatsApp de vercel-openclaw : prouver l'état du déploiement, collecter les points de terminaison de préparation administrateur, construire…

Webhook route parity audit for channel delivery changes: ensure terminal paths log, record lastForward, classify failures, and refresh stale sandbox port URLs.

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

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.

Utiliser pour les modifications de packages/cli qui affectent l'UX des commandes, les invites, l'aide, la disposition des sorties, la progression, les succès, les avertissements, les erreurs, les contrats JSON/stdout/stderr,…

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…

Modèles de composition React qui évoluent. À utiliser lors du refactoring de composants avec prolifération de props booléennes, de la construction de bibliothèques de composants flexibles, ou de la conception…

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.

Débogage de cron et watchdog pour vercel-openclaw : authentification Cron Vercel, tâches OpenClaw persistées, clés de réveil cron, rafraîchissement de jeton, oracle de restauration, réserve à chaud, et…

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

Amorcer d3k dans des applications IA autonomes (Codex, Cursor, Claude Code) : détecter/installer dev3000, lancer d3k comme runtime, et utiliser des logs unifiés ainsi que le navigateur CDP…

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

Exécuter DeepSec sur un checkout de projet Vercel depuis dev3000. Utiliser pour la configuration DeepSec en un clic, l’amorçage du contexte du projet, le traitement limité de premier passage, et…

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…

Déployer des applications sur Vercel. Utiliser lorsque l'utilisateur dit "déployer", "déployer sur Vercel", "pousser en production", "déployer mon application" ou "mettre en ligne".

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

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…

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…

Discord channel specialist workflow: debug interaction webhooks, Ed25519 signatures, deferred replies, workflow forwarding to /discord-webhook, integration…

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…

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…

Ajoutez Vercel Analytics, Vercel Speed Insights et Google Tag Manager à la vitrine.

Activer l'i18n basé sur next-intl dans le modèle de boutique — URLs préfixées par locale, catalogues de messages par locale, et un sélecteur de locale. Utiliser lorsque l'utilisateur souhaite "locale…

Utiliser les métaobjets Shopify comme CMS pour le contenu de la page d'accueil et des pages marketing. Ajoute des requêtes GraphQL pour les types de métaobjets cms_homepage et cms_page et transforme…

Activer Shopify Markets avec routage multilingue via next-intl. Utiliser lorsque l'utilisateur souhaite ajouter une internationalisation, un support multilingue, des préfixes de langue…

Remplacez les menus de navigation et de pied de page codés en dur par des menus propulsés par Shopify.

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.

Construisez des agents IA backend durables avec le framework eve. À utiliser lors de la création, modification ou débogage d’un projet eve — instructions d’agent, compétences, outils,…

Construisez des agents IA durables et des applications pilotées par des agents avec le framework eve. À utiliser lors de la création, de l'édition ou du débogage d'un projet eve, ou lors du choix…

Use Shopify AI Toolkit to inspect live Storefront and Customer Account GraphQL schemas for Vercel Shop work.

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

Débogage du pare-feu et de la passerelle AI Vercel pour vercel-openclaw : listes d'autorisation de politique réseau, actualisation du jeton OIDC, règles de transformation de la passerelle AI, pare-feu…

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

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

Gateway and proxy debugging for vercel-openclaw: /gateway routing, HTML injection, WebSocket rewrite, gateway-token handoff, waiting page, status heartbeat,…

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

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

Add GitHub API tools to AI agents using @github-tools/sdk — AI SDK, eve, Vercel Workflow, and Chat SDK. Covers tools, presets, approval control, token scoping,…

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…

À utiliser lors de la création d'applications web Hono déployées sur Vercel, ou lorsque l'utilisateur pose des questions sur les API Hono, le routage, le middleware, JSX, la validation, les tests ou le streaming.

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…

Initialiser une nouvelle boutique Vercel Shop avec l'interface en ligne de commande officielle create-vercel-shop. Utiliser lorsque l'utilisateur souhaite créer, générer, démarrer ou initialiser un Vercel…

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 → statut du workflow →…

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…

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.

Create or modify a konsistent.json configuration file that enforces structural conventions in a TypeScript codebase. Use when the user wants to enforce…

Run the konsistent CLI, review all reported violations, and fix them in the codebase. Use when the user wants to "fix konsistent violations", "resolve…

Rédaction et maintenance des fichiers de documentation lat.md — markdown structuré décrivant l'architecture, les décisions de conception et les spécifications de test d'un projet. À utiliser lorsque…

Lancement de la vérification et débogage à distance pour vercel-openclaw : prévol, ping de file d'attente, ensureRunning, chatCompletions, wakeFromSleep, restorePrepared,…

Emulated Linear GraphQL API for local development and testing. Use when the user needs to test Linear integrations locally, emulate Linear issues, comments,…

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…

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

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…

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

Migrate applications from AI SDK 6.x to AI SDK 7.0. Use when upgrading Vercel AI SDK packages, fixing v7 migration errors, or when the user mentions AI SDK v6,…

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

Compétence de découverte pour le Native SDK, la boîte à outils complète pour construire des applications de bureau natives - les vues sont en balisage natif déclaratif (.native), la logique est…

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

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.

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…

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

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

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…

Mises à jour automatisées de version Next.js avec les codemods officiels et l'intégration du guide de migration. Détecte la version actuelle de Next.js depuis package.json et récupère la documentation de mise à jour spécifique à la version depuis les guides officiels. Exécute automatiquement les codemods Next.js pour gérer les changements cassants comme les API Request asynchrones, les migrations de propriétés geo/IP et les transformations d'import dynamique. Gère les mises à jour incrémentielles pour les sauts de version majeurs (ex. 13 → 14 → 15) et met à jour les dépendances peer (React, React DOM,...).

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

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…

Migrer une application Next.js de Webflow Cloud vers Vercel. Utilisez cette compétence lorsqu'un utilisateur souhaite déplacer, migrer ou porter une application Next.js hors de Webflow Cloud vers…

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

Adaptateur Nuxt pour intégrer des émulateurs directement dans une application Nuxt via @emulators/adapter-nuxt. À utiliser lorsque l'utilisateur a besoin d'intégrer des émulateurs dans Nuxt, configurer une même origine…

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

Débogage du bootstrap, bundle, configuration et restauration d'actifs OpenClaw pour vercel-openclaw : sidecars openclaw.bundle, découverte de plugins, catalogue de canaux, redémarrage…

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…

À utiliser lors de la création, de la révision ou de l'optimisation d'animations web OU des performances de rendu (boucles d'images, révélations de défilement/zone d'affichage, transitions de montage/démontage,…)

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

Meilleures pratiques React Native et Expo pour créer des applications mobiles performantes. À utiliser lors de la création de composants React Native, de l'optimisation des performances des listes, de l'implémentation…

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

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

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.

Crée des MicroVM Linux isolés à l'aide du SDK Vercel Sandbox. À utiliser lors de la création d'environnements d'exécution de code, de l'exécution de code non fiable, du lancement de serveurs de développement,…

Débogage du cycle de vie du sandbox pour vercel-openclaw : création, reprise, arrêt, instantané, réinitialisation, réconciliation des exécutions périmées, comportement persistant du Sandbox v2, hot…

Expertise du cycle de vie de Vercel Sandbox v2 pour vercel-openclaw : création/reprise/arrêt/suppression de sandbox OpenClaw persistante nommée, vérité de sauvegarde automatique persistante, manuel…

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

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

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…

Intégrez le GraphQL validé par Shopify pour Storefront ou Customer Account dans Vercel Shop. Utilisez après que Shopify AI Toolkit a fourni et validé une opération API,…

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…

Slack channel specialist workflow: debug Slack OAuth vs delivery-ready, /slack/events fast path, raw-body signatures, route repair, boot-message cleanup, and…

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

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…

Migrate a TanStack Start application from Cloudflare Workers to Vercel. Use this skill when a user wants to move, migrate, or port a TanStack Start (or…

Migrer une application TanStack Start de Netlify vers Vercel. Utilisez cette compétence lorsqu'un utilisateur souhaite déplacer, migrer ou porter une application TanStack Start (ou TanStack) hors de…

Workflow spécialiste des canaux Telegram : déboguer /api/channels/telegram/webhook, port natif 8787 /telegram-webhook, webhookSecret, nettoyage au démarrage, et post-accept…

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…

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

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

Système d'espacement sémantique pour Tailwind CSS v4 utilisant des unités de bloc (32px) et de tabulation (4px). À utiliser lors de la création d'interfaces utilisateur avec un espacement cohérent, de tableaux de bord, de panneaux d'administration,…

API REST Twilio émulées pour le développement et les tests locaux. À utiliser lorsque l'utilisateur doit tester les fonctionnalités de messagerie, vérification, voix, numéros de téléphone, webhooks, statut… de Twilio.

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

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…

Update an existing Vercel Shop storefront with newer template changes. Use when the user wants to check drift, plan an upgrade, or apply template updates to a…

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…

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…

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

React composition patterns that scale. Use when refactoring components with boolean prop proliferation, building flexible component libraries, or designing…

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

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

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…

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…

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…

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

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…

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 construire des applications mobiles performantes. Utilisez

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…

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…

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

WhatsApp channel specialist workflow: debug Meta webhook verification/signatures, link-state projection, /whatsapp-webhook fast path, boot messages, and…

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

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

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

Installer et configurer le SDK Vercel Workflow avant qu'il n'existe dans node_modules. Utiliser lorsque l'utilisateur demande "installer workflow", "configurer workflow", "ajouter 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…

Install Zero and load version-matched workflows with zero skills.

Discovery skill for zero-native, a Zig desktop app shell for building native apps with web UIs. Use when the user asks what zero-native is, how to build a…

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.