Crea apps y temas de Shopify con IA
Las APIs de Shopify cambian a menudo y los agentes inventan campos.
3 pasosModerada
CursorClaude CodeShopify DevGitHub
Cómo se conecta
Tu IA llega a tus apps mediante pequeños conectores llamados servidores MCP.
Tu IA
CursorClaude Code
Conectores
Shopify DevGitHub
Tus apps
ShopifyGitHub
Esta configuración es para desarrolladores que crean apps, extensiones o temas de Shopify con un agente de programación. El servidor Dev MCP de Shopify da a Cursor o Claude Code la documentación y los esquemas GraphQL actuales, y el servidor de GitHub permite al agente trabajar con ramas y pull requests. Al final tienes código comprobado contra las API reales de Shopify, no contra campos que el modelo recuerda de versiones antiguas.
Configúralo
3 pasos. Abre uno para ver los detalles.
1Añade Shopify Dev MCP
Añade el servidor Shopify Dev MCP a Cursor o Claude Code con el comando npx -y @shopify/dev-mcp@latest. Necesita Node y no requiere iniciar sesión en Shopify, porque sirve documentación y esquemas públicos. Pide al agente que busque en la documentación un tema conocido, como los webhooks, para comprobar que funciona.
Consejo: Anota en el proyecto la versión de la API que usas para que el agente consulte el esquema correcto.
2Conecta GitHub
Añade el servidor MCP de GitHub, en su versión alojada o en local con un token de acceso personal detallado limitado al repositorio de tu app. Dale permiso para leer código, crear ramas y abrir pull requests. Protege la rama principal para que todo cambio pase por revisión.
Consejo: Un token detallado limitado a un repositorio reduce el daño si se filtra.
3Construye con esquemas reales
Describe la funcionalidad, por ejemplo añade un metafield de producto y muéstralo en un bloque de extensión de tema. Pide al agente que inspeccione el esquema GraphQL de Admin y valide sus consultas antes de escribir código. Ejecuta la app en local con Shopify CLI en una tienda de desarrollo y revisa el pull request.
Consejo: Indica al agente qué superficie usas (Admin API, Storefront API, Functions o Liquid) para que busque en la documentación correcta.
Luego solo pide
Qué decir cuando esté conectado. Haz clic para copiar.
Pregunta a Cursor…Cursor
Conviene saber
Qué necesitas, qué no hace y cómo mantenerlo seguro.
Qué necesitas
- Node.js instalado para usar npx
- Una cuenta de Shopify Partner y una tienda de desarrollo
- Cursor o Claude Code
- Un repositorio de GitHub y un token con permisos limitados
Límites
- Que los campos del esquema sean válidos no garantiza que la lógica de negocio sea correcta; sigues necesitando pruebas y revisión.
- El agente no puede navegar por el admin de Shopify ni ver cómo queda un tema; esas pruebas te tocan a ti.
- Las búsquedas devuelven fragmentos de la documentación, así que en temas complejos quizá tengas que leer la guía completa.
Mantenlo seguro
- Dev MCP solo lee documentación y esquemas: no toca tu tienda.
- Revisa los pull requests antes de desplegar.
Preguntas frecuentes
Respuestas claras antes de empezar
¿Puede el servidor Dev MCP cambiar mi tienda?
No. Solo busca en la documentación y lee esquemas de la API. Los cambios en una tienda vienen del código de tu app, que ejecutas con Shopify CLI y tus propias credenciales.
¿Tiene algún coste?
El servidor Shopify Dev MCP es gratuito y se ejecuta en local con npx. Para probar apps necesitas una cuenta de Shopify Partner y una tienda de desarrollo, que Shopify ofrece sin coste.
¿Qué editores sirven?
Cursor, Claude Code y otros clientes MCP que ejecuten servidores locales. Claude Desktop también funciona, pero aporta menos sin acceso a tu código.
¿Y los temas Liquid?
El servidor cubre la documentación de temas y Liquid además de las API. Prueba los cambios de tema con shopify theme dev en una tienda de desarrollo antes de publicarlos.
Productos implicados
Los productos que intervienen
