Crea app e temi Shopify con l'IA
Le API di Shopify cambiano spesso: gli agenti tirano a indovinare i campi e scrivono codice che non funziona.
3 passaggiIntermedia
CursorClaude CodeShopify DevGitHub
Come si collega
La tua IA raggiunge le tue app tramite piccoli connettori chiamati server MCP.
La tua IA
CursorClaude Code
Connettori
Shopify DevGitHub
Le tue app
ShopifyGitHub
Questo setup è pensato per chi sviluppa app, estensioni o temi Shopify con un agente di coding IA. Il server Dev MCP di Shopify dà a Cursor o Claude Code la documentazione e gli schemi GraphQL aggiornati di Shopify, mentre il server GitHub permette all'agente di lavorare tramite branch e pull request. Ottieni codice verificato sulle vere API di Shopify, invece di campi che il modello ricorda da versioni vecchie.
Configuralo
3 passaggi. Aprine uno per i dettagli.
1Aggiungi Shopify Dev MCP
Aggiungi il server Shopify Dev MCP a Cursor o Claude Code con il comando npx -y @shopify/dev-mcp@latest. Serve Node e nessun accesso a Shopify, perché fornisce documentazione e schemi pubblici. Chiedi all'agente di cercare un argomento noto nella documentazione Shopify, come i webhook, per verificare che funzioni.
Consiglio: Scrivi la versione dell'API che usi nelle note del progetto, così l'agente consulta lo schema giusto.
2Collega GitHub
Aggiungi il server MCP di GitHub, nella versione ospitata o in locale con un personal access token fine-grained limitato al repository della tua app. Dagli il permesso di leggere il codice, creare branch e aprire pull request. Proteggi il branch principale, così le modifiche passano sempre da una review.
Consiglio: Un token fine-grained limitato a un solo repository riduce i danni se finisce nelle mani sbagliate.
3Sviluppa con gli schemi reali
Descrivi la funzionalità, per esempio: aggiungi un metafield prodotto e mostralo in un blocco di theme app extension. Chiedi all'agente di esaminare lo schema Admin GraphQL e di validare le query prima di scrivere il codice. Avvia l'app in locale con Shopify CLI su un negozio di sviluppo e rileggi la pull request.
Consiglio: Indica all'agente l'area su cui lavori, come Admin API, Storefront API, Functions o Liquid, così cerca nella documentazione giusta.
Poi chiedi e basta
Cosa dire una volta collegato. Clicca per copiare.
Chiedi a Cursor…Cursor
Da sapere
Cosa ti serve, cosa non fa e come restare al sicuro.
Cosa ti serve
- Node.js installato per npx
- Un account Shopify Partner e un negozio di sviluppo
- Cursor o Claude Code
- Un repository GitHub e un token di accesso con permessi limitati
Limiti
- Campi dello schema validi non garantiscono una logica di business corretta: test e review restano necessari.
- L'agente non può navigare nell'admin di Shopify né controllare come appare un tema: questi test toccano a te.
- Le ricerche nella documentazione restituiscono estratti: per gli argomenti complessi potresti dover leggere la guida Shopify completa.
Resta al sicuro
- Il Dev MCP legge solo documentazione e schemi. Non può modificare il tuo negozio.
- Rileggi le pull request prima di fare il deploy.
Domande frequenti
Risposte chiare prima di iniziare
Il server Dev MCP può modificare il mio negozio?
No. Si limita a cercare nella documentazione e a leggere gli schemi delle API. Le modifiche al negozio arrivano dal codice della tua app, che esegui con Shopify CLI e le tue credenziali.
È a pagamento?
Il server Shopify Dev MCP è gratuito e gira in locale con npx. Per testare le app ti servono un account Shopify Partner e un negozio di sviluppo, che Shopify offre gratis.
Quali editor sono compatibili?
Cursor, Claude Code e gli altri client MCP che eseguono server locali. Funziona anche Claude Desktop, ma è meno utile senza accesso al tuo codice.
E i temi Liquid?
Il server copre la documentazione dei temi e di Liquid oltre alle API. Prova le modifiche ai temi con il comando theme dev di Shopify CLI su un negozio di sviluppo prima di pubblicarle.
Strumenti di questa configurazione
I prodotti coinvolti
