Vercel

La compétence nextjs-turbopack vous aide à utiliser Turbopack dans Next.js 16+ pour accélérer le développement local, le HMR et les arbitrages liés au bundler. Servez-vous-en comme guide pratique nextjs-turbopack pour l’installation, l’utilisation et les cas où il vaut mieux revenir à webpack dans des workflows de Frontend Development.

Le skill bun-runtime vous aide à choisir Bun pour de nouveaux projets JavaScript ou TypeScript, pour une migration depuis Node, pour des scripts, des tests et des déploiements sur Vercel. Il couvre l’usage de bun-runtime, les conseils d’installation, les compromis entre Bun et Node, ainsi que des workflows concrets pour le développement frontend et full-stack.

setup-deploy est une skill de configuration de déploiement pour gstack qui détecte votre plateforme de déploiement, l’URL de production, le point de terminaison de health check et la commande de statut du déploiement, puis écrit la configuration dans CLAUDE.md pour rendre les futurs déploiements reproductibles. Utilisez-la quand vous avez besoin d’un usage de setup-deploy qui transforme la découverte du déploiement en workflow projet enregistré.

nextjs-app-router-patterns aide les développeurs à concevoir une architecture Next.js 14+ avec App Router, en couvrant les Server Components, le streaming, le caching, les route handlers et les Server Actions pour le développement full-stack et les migrations depuis Pages Router.

vercel-cli-with-tokens aide les agents à utiliser Vercel CLI avec des tokens d’accès plutôt qu’une connexion interactive. Suivez son flux centré sur l’authentification pour trouver un token, exporter VERCEL_TOKEN, puis gérer déploiement, link ou variables d’environnement en contexte headless ou CI.

deploy-to-vercel est une skill de déploiement Vercel qui vérifie l’état du repo, le lien du projet local, l’authentification CLI et le scope d’équipe avant de déployer. Elle privilégie les déploiements preview, prend en charge des scripts d’aide et facilite la récupération de l’URL de déploiement avec moins d’incertitude.

web-design-guidelines vérifie le code UI selon les Vercel Web Interface Guidelines, récupère les règles les plus récentes et renvoie des résultats concis au format file:line pour des audits UX et accessibilité ciblés.

develop-ai-functions-example vous aide à créer ou modifier des exemples AI SDK exécutables dans vercel/ai sous `examples/ai-functions/src/`. Servez-vous-en pour choisir la bonne catégorie, respecter les conventions du dépôt et produire des exemples minimaux pour la validation de providers, des démos ou des fixtures.

add-provider-package est un guide ciblé pour créer un nouveau package `@ai-sdk/<provider>` dans `vercel/ai`. Il aide les contributeurs et les équipes API à suivre l’architecture des providers de l’AI SDK, la structure des packages et le workflow d’implémentation lors de l’ajout d’un provider.

next-best-practices est une compétence Next.js pratique pour le travail avec App Router, couvrant les conventions de fichiers, les frontières RSC, les API asynchrones, les patterns de données, les route handlers, le bundling et la gestion des erreurs.

next-cache-components explique les Cache Components de Next.js 16 : activer cacheComponents, utiliser `use cache`, définir cacheLife, appliquer cacheTag et diffuser les sections dynamiques avec Suspense.

La skill next-upgrade aide à mettre à niveau de vrais projets Next.js en s’appuyant sur les guides de migration officiels, les codemods, des étapes de version progressives et des mises à jour coordonnées des dépendances.

project-tooling aide à vérifier la configuration de `gh`, `vercel`, `supabase` et, en option, du CLI `render` pour le déploiement, le CI/CD et l’automatisation des workflows. Utilisez ce guide project-tooling pour confirmer l’état d’installation, l’authentification et la disponibilité avant d’exécuter des tâches liées au dépôt ou à la plateforme.

videoagent-video-studio est une skill de génération de courtes vidéos IA à partir de texte, d’images et de références. Utilisez-la pour tester des workflows text-to-video et image-to-video, comparer les modèles pris en charge, et exécuter la configuration via proxy hébergé ou en auto-hébergement avec Node 18+.

videoagent-image-studio est un skill unifié de génération d’images pour les agents basés sur Node. Il propose un flux CLI unique pour Midjourney, Flux, Ideogram, Recraft, SDXL et d’autres modèles, avec configuration via proxy, aide au choix du modèle et sorties normalisées pour l’automatisation.

Utilisez web-design-guidelines pour passer le code UI en revue à l’aune des dernières Web Interface Guidelines. Idéal pour un workflow ciblé de web-design-guidelines pour audit UX, avec des constats concis au format fichier:ligne, des vérifications d’accessibilité et une revue de conformité de l’interface avant la mise en production.

vercel-react-best-practices est un guide axé sur la performance pour les travaux React et Next.js issus de Vercel Engineering. Utilisez le skill vercel-react-best-practices lorsque vous refactorez des composants, des routes ou la récupération de données afin de réduire les waterfalls, alléger les bundles, améliorer le rendu et livrer plus vite du code front-end.

vercel-deploy vous aide à déployer des applications et des sites web sur Vercel avec une configuration minimale. Il est conçu pour les déploiements d’abord en prévisualisation, des étapes d’installation et d’utilisation claires, et un repli fiable lorsque la CLI est indisponible ou que l’authentification manque. Utilisez-le pour obtenir rapidement des liens partageables, puis publiez en production uniquement lorsque cela est demandé.

netlify-blobs est un guide de stockage d’objets sans configuration pour le développement backend. Utilisez la skill netlify-blobs pour installer et gérer des fichiers, images, téléversements, exports et artefacts binaires mis en cache avec `getStore()`, des opérations CRUD, des métadonnées et le développement local. Ce n’est pas adapté aux données dynamiques ; utilisez plutôt Netlify Database.

Utilisez le skill ai-sdk pour installer le package principal ai, vérifier la documentation à jour et appliquer les pratiques actuelles pour le streaming, les tools, les agents, useChat et une configuration gateway-first dans des applications full-stack.