get-convex/convex-quickstart

Crée ou ajoute Convex à une application. À utiliser pour les nouveaux projets Convex, npm create convex@latest, la configuration du frontend, les variables d'environnement ou la première exécution de npx convex dev.

Qu'est-ce que convex-quickstart ?

Cette compétence permet d'initialiser ou d'ajouter Convex, une plateforme backend temps réel, à une application existante ou nouvelle. Elle est conçue pour être utilisée avec des assistants IA comme Claude Code, Cursor ou Codex, afin de guider l'utilisateur dans les étapes essentielles : création d'un projet via `npm create convex@latest`, configuration du frontend, définition des variables d'environnement (par exemple, `CONVEX_DEPLOYMENT`, `NEXT_PUBLIC_CONVEX_URL`) et exécution de la première commande `npx convex dev`. Utile pour les développeurs qui souhaitent démarrer rapidement avec Convex, ce skill automatise les vérifications de dépendances, la création de fichiers de configuration et le lancement du serveur de développement. Il prend en charge les frameworks frontend comme Next.js, React ou Vue, et s'intègre de manière transparente dans le workflow de l'agent.

Compatible avec~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/get-convex/agent-skills/tree/main/skills/convex-quickstart

Installed? Explore more Productivité et collaboration skills: steipete/gemini, steipete/gh-issues, steipete/skill-creator · View all 6 →

Demander à votre IA préférée

Ouvre une nouvelle conversation avec cette compétence d'agent déjà préchargée.

Documentation

Que fait convex-quickstart ?

Crée ou ajoute Convex à une application. À utiliser pour les nouveaux projets Convex, npm create convex@latest, la configuration du frontend, les variables d'environnement ou la première exécution de npx convex dev.

Description

Cette compétence permet d'initialiser un projet avec Convex, un backend temps réel pour applications web. Elle guide l'agent à travers les étapes nécessaires :

  • Création du projet via npm create convex@latest
  • Configuration du frontend (Next.js, React, Vue, etc.)
  • Définition des variables d'environnement requises (CONVEX_DEPLOYMENT, NEXT_PUBLIC_CONVEX_URL)
  • Lancement du serveur de développement avec npx convex dev

Utilisation

Appelez cette compétence lorsque l'utilisateur souhaite :

  • Démarrer un nouveau projet avec Convex
  • Ajouter Convex à un projet existant
  • Configurer les variables d'environnement pour Convex
  • Exécuter pour la première fois npx convex dev

Prérequis

  • Node.js installé (version 18 ou supérieure)
  • npm ou bun
  • Un compte Convex (créé automatiquement si nécessaire)

Exemple de workflow

# Créer un nouveau projet
npm create convex@latest mon-projet
cd mon-projet

# Configurer les variables d'environnement
export CONVEX_DEPLOYMENT=dev
export NEXT_PUBLIC_CONVEX_URL=http://localhost:3000

# Lancer le serveur de développement
npx convex dev

Notes supplémentaires

  • Les fichiers de configuration (convex.json, .env.local) sont créés automatiquement.
  • L'agent peut assister à la résolution des erreurs de connexion.
  • Pour les projets Next.js, l'intégration se fait via le package convex/next.

Individual skills in this repo

This repo contains 5 individual skills — each has its own dedicated page.

Skills associés