Aller au contenu

Créer des apps et des thèmes Shopify avec l'IA

Les API de Shopify changent souvent : les agents devinent les champs et écrivent du code qui ne fonctionne pas.

3 étapesIntermédiaire
CursorClaude CodeShopify DevGitHub

Comment ça se connecte

Votre IA accède à vos apps via de petits connecteurs appelés serveurs MCP.
Votre IA
CursorClaude Code
Connecteurs
Shopify DevGitHub
Vos apps
ShopifyGitHub

Cette configuration s'adresse aux développeurs qui créent des apps, des extensions ou des thèmes Shopify avec un agent de code IA. Le serveur Dev MCP de Shopify donne à Cursor ou Claude Code la documentation et les schémas GraphQL à jour de Shopify, et le serveur GitHub permet à l'agent de travailler via des branches et des pull requests. Vous obtenez du code vérifié contre les vraies API de Shopify, plutôt que des champs dont le modèle se souvient d'anciennes versions.

Mise en place

3 étapes. Ouvrez-en une pour les détails.
  1. 1Ajouter Shopify Dev MCP

    Ajoutez le serveur Shopify Dev MCP à Cursor ou Claude Code avec la commande npx -y @shopify/dev-mcp@latest. Il nécessite Node et aucune connexion Shopify, car il fournit la documentation et les schémas publics. Demandez à l'agent de chercher un sujet connu dans la documentation Shopify, comme les webhooks, pour vérifier qu'il fonctionne.

    Astuce: Indiquez la version d'API ciblée dans les notes de votre projet pour que l'agent consulte le bon schéma.

  2. 2Connecter GitHub

    Ajoutez le serveur MCP de GitHub, en version hébergée ou locale avec un personal access token fine-grained limité au dépôt de votre app. Donnez-lui le droit de lire le code, de créer des branches et d'ouvrir des pull requests. Protégez votre branche principale pour que les modifications passent toujours par une revue.

    Astuce: Un token fine-grained limité à un seul dépôt réduit les dégâts en cas de fuite.

  3. 3Développer avec les vrais schémas

    Décrivez la fonctionnalité, par exemple : ajoute un metafield produit et affiche-le dans un bloc de theme app extension. Demandez à l'agent d'inspecter le schéma Admin GraphQL et de valider ses requêtes avant d'écrire le code. Lancez l'app en local avec Shopify CLI sur une boutique de développement et relisez la pull request.

    Astuce: Indiquez à l'agent la surface ciblée, comme Admin API, Storefront API, Functions ou Liquid, pour qu'il cherche dans la bonne documentation.

Ensuite, demandez

Quoi dire une fois connecté. Cliquez pour copier.
Demandez à Cursor…Cursor

Bon à savoir

Ce qu'il vous faut, ce qu'il ne fait pas et comment rester en sécurité.
Ce qu'il vous faut
  • Node.js installé pour npx
  • Un compte Shopify Partner et une boutique de développement
  • Cursor ou Claude Code
  • Un dépôt GitHub et un token d'accès à portée limitée
Limites
  • Des champs de schéma valides ne garantissent pas une logique métier correcte : les tests et la revue restent nécessaires.
  • L'agent ne peut pas naviguer dans l'admin Shopify ni vérifier le rendu d'un thème : ces tests vous reviennent.
  • Les recherches dans la documentation renvoient des extraits : pour les sujets complexes, vous devrez peut-être lire le guide Shopify complet.
Restez en sécurité
  • Le Dev MCP ne fait que lire la documentation et les schémas. Il ne peut pas modifier votre boutique.
  • Relisez les pull requests avant de déployer.
Shopify Dev MCP Server (docs-read, api-schema-read) GitHub MCP Server (repository-read, issue-write, pull-request-write)

Questions fréquentes

Des réponses claires avant de commencer
Le serveur Dev MCP peut-il modifier ma boutique ?
Non. Il se contente de chercher dans la documentation et de lire les schémas d'API. Les modifications d'une boutique viennent du code de votre app, que vous exécutez avec Shopify CLI et vos propres identifiants.
Est-ce payant ?
Le serveur Shopify Dev MCP est gratuit et s'exécute en local avec npx. Pour tester des apps, il vous faut un compte Shopify Partner et une boutique de développement, que Shopify fournit gratuitement.
Quels éditeurs sont compatibles ?
Cursor, Claude Code et les autres clients MCP qui exécutent des serveurs locaux. Claude Desktop fonctionne aussi, mais il est moins utile sans accès à votre code.
Et les thèmes Liquid ?
Le serveur couvre la documentation des thèmes et de Liquid en plus des API. Testez les modifications de thème avec la commande theme dev de Shopify CLI sur une boutique de développement avant de publier.

Outils de cette configuration

Les produits concernés