# COMPLETÁ ESTO ANTES DE ENVIAR ```text MARCA: [nombre] PRODUCTO: [nombre y qué es, o link a tu producto existente] FOTOS CRUDAS DEL PRODUCTO: [adjuntá fotos o indicá carpeta / URL accesible] LANDING PRINCIPAL DE REFERENCIA: [URL; opcional si querés partir de la biblioteca] TIENDA SHOPIFY: [tu-tienda.myshopify.com / todavía no tengo] MODO: [réplica fiel / réplica mejorada / desde cero; predeterminado: réplica fiel si hay URL] MERCADO E IDIOMA: [país, moneda, idioma; predeterminado: Argentina, ARS, español rioplatense] PRECIO Y OFERTA REALES: [precio, packs, envío, garantía; o leelos de mi Shopify] DATOS VERIFICADOS DEL PRODUCTO: [ficha, etiqueta, materiales o ingredientes; si faltan, pedímelos juntos] LOGO / ETIQUETA: [adjunto / se ve bien en las fotos / todavía no tengo] RESEÑAS PROPIAS: [archivo / app existente / todavía no tengo] TROQUEL: [ya conectado / ayudame a conectarlo] TOPE TOTAL DE GENERACIÓN: [número de créditos; incluye pruebas y correcciones / cotizame primero] VIDEO: [replicar los espacios de video de la referencia / solo imágenes] RESTRICCIONES O CAMBIOS: [opcional] ``` Los campos vacíos no autorizan a inventar datos. No pegues contraseñas ni claves acá. --- # CONSTRUCTOR TROQUEL SHOPIFY — INSTRUCCIÓN DE EJECUCIÓN Actuá como mi director de ecommerce, desarrollador senior de temas Shopify y director de arte. Usá un modelo de alta capacidad disponible en este entorno. Tu trabajo es construir una landing de producto completa y funcional en Shopify usando la referencia y mis fotos crudas. Ejecutá el trabajo: investigá, conectá, desarrollá, generá los medios con Troquel, verificá y entregá una vista previa real. Usá la skill `troquel-shopify` si está instalada. Leé su `SKILL.md` y las referencias correspondientes a cada fase. Si no está instalada pero adjunté el paquete, inspeccionalo e instalalo con su instalador o copiando la carpeta de la skill al directorio de skills de este entorno, sin sobrescribir otra instalación. Si no tenés acceso al paquete, este prompt define el flujo mínimo que tenés que seguir. ## 1. Resultado que quiero Una reconstrucción de toda la página: header, galería, compra, packs reales, beneficios, ingredientes o especificaciones, módulos de imagen y video, carruseles, reseñas propias, preguntas frecuentes, garantías reales, footer y todos los estados interactivos presentes en la referencia. Incluí sus proporciones, orden, jerarquía, tipografías con licencia disponible, espaciados, colores adaptados a mi marca, ubicación y tamaño de botones, sticky CTA y animaciones. La implementación debe ser nativa de Shopify Online Store 2.0: Liquid, plantillas JSON, CSS y JavaScript, con secciones editables desde el personalizador. No entregues únicamente un mockup ni una página HTML separada de Shopify. Una URL pública permite observar el resultado de una tienda, pero no recuperar el Liquid original. Reconstruí su comportamiento con código propio y explicitá cualquier diferencia inevitable. No prometas identidad exacta sin medirla. ## 2. Hacete cargo del proceso Soy una persona no técnica. Hablame con claridad, sin mandarme a programar. Ejecutá vos instalaciones y comandos que puedas ejecutar. Guiame en pasos breves únicamente para crear cuentas, iniciar sesión, autorizar conexiones o aportar datos que solo yo conozco. Revisá primero lo que ya te di y lo que ya existe en Shopify. Pedí los faltantes importantes en un solo mensaje. No vuelvas a pedir información respondida. Elegí por tu cuenta las decisiones técnicas y las decisiones visuales menores. Seguí con tareas independientes mientras esperás una conexión o un dato. Mis fotos crudas son el insumo visual principal. Podés generar el resto de la producción visual; no necesitás pedirme una sesión fotográfica terminada. Si el producto, su etiqueta o su logo no se leen, pedí una toma más clara en vez de inventarlos. Los datos comerciales y las propiedades del producto tienen que venir de una fuente real: no se deducen de una foto. ## 3. Prepará y conectá Shopify Detectá sistema operativo, acceso a archivos, ejecución local, navegador, Node y Shopify CLI. Si el entorno es solamente un chat sin ejecución local, explicá cómo continuar en Claude Code o Codex con acceso a mi computadora; no finjas que podés conectarte desde una sesión que no tiene esas capacidades. Si todavía no tengo tienda, guiame para crear mi cuenta en Shopify y obtener el dominio interno `myshopify.com`. Distinguí una tienda comercial de una tienda de desarrollo: no me hagas crear una app pública ni una cuenta Partner si mi caso no lo necesita. No contrates un plan ni aceptes cargos por mí. Leé la documentación oficial y la ayuda de la versión instalada. Instalá o prepará el programa oficial de Shopify si hace falta. Autenticá el acceso al tema con Shopify CLI y, si vas a leer o preparar productos y archivos, autenticá por separado los comandos de catálogo con los permisos necesarios. Nunca solicites contraseñas por chat. Verificá con lecturas reales: tienda correcta, tema publicado, tema de trabajo y producto elegido. Guardá un respaldo. Trabajá en un tema nuevo sin publicar, con ID explícito; no escribas sobre el tema publicado. **Importante:** el catálogo, los precios, el stock, las apps y las asignaciones de plantilla son compartidos entre temas. Un tema borrador no los aísla. Para productos existentes, prepará una plantilla alternativa y una vista previa sin cambiar todavía su asignación pública. Para un producto nuevo, usá borrador y registrá qué falta para probarlo en el canal de venta. ## 4. Conectá Troquel Guiame para crear o usar mi cuenta de [Troquel](https://troquel.ai), abrir su [guía MCP](https://troquel.ai/mcp) y conectar `https://troquel.ai/api/mcp` a este mismo agente. Usá inicio de sesión y autorización cuando el cliente lo soporte. Si requiere una clave, guiame para guardarla mediante el mecanismo privado del cliente; no me pidas pegarla en el chat ni la guardes en el tema o en un archivo que se comparta. Comprobá las herramientas realmente expuestas, sus esquemas, mi saldo y los modelos, variantes y precios vigentes. No inventes nombres de herramientas ni parámetros. La prueba de conexión debe ser de lectura, sin una generación paga. Toda imagen y todo video nuevo se produce con Troquel. No sustituyas Troquel por otro proveedor. Podés comprimir, recortar y optimizar los resultados localmente. Usá imágenes originales de mi producto cuando no haga falta transformarlas. ## 5. Estudiá la referencia completa Abrí mi URL principal y recorré la página entera en celular y escritorio. Inspeccioná el DOM, estilos calculados y medios cuando las herramientas lo permitan; usá capturas para medir el diseño. Probá menús, variantes, packs, acordeones, galerías, sticky CTA y animaciones. No agregues productos al carrito del competidor ni envíes sus formularios: observá los estados y el código público sin transacciones. Documentá cada sección en orden, sus medidas, contenido, función y estado interactivo. Separá lo observado de lo inferido y lo inaccesible. Inventariá todas las imágenes y videos, incluyendo versiones móviles, posters y fondos relevantes; cada pieza debe tener un destino en mi página. En réplica fiel, conservá el diseño observado. En réplica mejorada, mantené la base y justificá los cambios. Desde cero, elegí un patrón principal de la biblioteca y definí la arquitectura; no mezcles cinco estilos sin criterio. ## 6. Biblioteca de referencias Estos son ejemplos elegidos por el creador del sistema por su utilidad como referencia de estructura, oferta y producción visual. No prueban su rentabilidad ni autorizan a copiar sus afirmaciones: 1. [Gomex — gomitas de creatina](https://www.gomexargentina.com/products/gomitas-creatina-potencia-tu-rendimiento-y-mayor-salud): experiencia de producto en español, módulos de video y reseñas, presentación de compra. 2. [Elaré — aged garlic](https://www.elare.store/products/aged-garlic-extract-7500mg-odorless): packs por cantidad, jerarquía de oferta y desarrollo de una página larga. 3. [Love Wellness — Bye Bye Bloat](https://lovewellness.com/products/bye-bye-bloat): compra única y suscripción, información de ingredientes y uso. 4. [Arrae — Bloat](https://www.arrae.com/products/bloat?variant=52924284698991): presentación del producto, beneficios, explicación y productos complementarios. 5. [Happy Mammoth — Hormone Harmony](https://store.happymammoth.com/products/the-new-ultra-potent-hormone-harmony?variant=44167825227850): argumentación extensa y distribución de módulos de beneficios, fórmula y testimonios. Volvé a inspeccionarlas al ejecutar: pueden cambiar. La URL principal que yo complete tiene prioridad. No importes ingredientes, dosis, estudios, reseñas, calificaciones, promociones ni garantías desde estas marcas a la mía. ## 7. Reconstruí los medios con mi producto Para cada espacio visual, definí una pieza equivalente: encuadre, composición, luz, perspectiva, relación de aspecto, fondo, uso y espacio para texto. Mantené el envase real, forma, escala, etiqueta y logo de mi producto a partir de las referencias adjuntas; cambiar una etiqueta solo alcanza cuando el resto del producto coincide. Cuando haya referencia visual, adjuntala y asignale su función; no la redescribas con prosa que compita con ella. Logo y etiqueta se preservan desde una imagen legible. Renderizá títulos y precios como texto editable en Shopify cuando corresponda. Si la referencia incluye personas, recreá la escena con personas sintéticas distintas o con modelos propios autorizados. No hagas pasar esas personas por clientes reales, médicos o autores de una reseña. No fabriques antes/después ni resultados del producto. El formato visual de las reseñas se conserva; su contenido sale de reseñas auténticas de mi marca o queda desactivado hasta tenerlas. Antes de generar, mostrame el inventario, la cantidad y una estimación basada en precios actuales. Si completé un tope de créditos, eso autoriza la producción y sus correcciones dentro de ese máximo: no me vuelvas a pedir aprobación por cada imagen. Si dejé «cotizame primero», esperá mi autorización para gastar y seguí con el desarrollo que no depende de las imágenes finales. Generá primero una pieza de calibración, revisala y corregí el método antes del lote. Guardá el ID y costo de cada trabajo. Ante una espera larga, consultá el trabajo existente en vez de volver a enviarlo. No excedas el tope con reintentos ni regeneraciones. Para video, usá el cuadro aprobado como cuadro inicial en un flujo documentado que realmente lo soporte; no inventes un parámetro `start_frame`. Fijá duración, calidad y formato en los parámetros reales del modelo. Audio: solo ambiente y SFX, sin música. Conservá textura natural de piel y manos. Si un modo no está expuesto por el MCP, registrá ese límite y continuá el resto. ## 8. Construí la landing funcional Creá componentes Liquid modulares y editables. Aislá el CSS y JavaScript de la landing para no romper otras páginas. Precio, disponibilidad, variantes y moneda deben salir de Shopify. Los packs y sus descuentos tienen que corresponder a una configuración real; no simules bundles o suscripciones con una tarjeta bonita. Conectá el formulario de producto y carrito nativos. Verificá que se agreguen la variante, cantidad y selling plan correctos cuando corresponda. El CTA fijo y el principal deben compartir selección y precio. Evitá envíos duplicados, contemplá productos agotados y mostrales errores claros a los compradores. Subí los medios finales a Shopify y usá sus identificadores o URLs persistentes. No dependas del CDN del competidor ni de enlaces temporales de generación. Optimizá imágenes responsivas y videos; priorizá la imagen principal y cargá diferido lo que está más abajo. Animaciones: reproducí su comportamiento observado con mejoras progresivas, soporte de movimiento reducido y contenido visible si JavaScript falla. Verificá que todo sobreviva a editar y reordenar secciones en el personalizador de Shopify. ## 9. Agentes y continuidad Si el entorno permite subagentes, podés delegar investigación, mapa visual, implementación de secciones independientes y revisión. Asigná archivos concretos y objetivos comprobables. Un único coordinador administra Shopify, catálogo, credenciales, presupuesto y llamadas pagas a Troquel. Los demás preparan propuestas; no gastan ni publican por su cuenta. Guardá brief, mapa de secciones, inventario de medios, costos, trabajos en curso, cambios y resultados de prueba en la carpeta del proyecto. Si la sesión se interrumpe, retomá desde ese estado; no arranques de nuevo ni dupliques generaciones. ## 10. Verificación antes de entregar Compará referencia y resultado en las mismas medidas de pantalla: como mínimo 375 y 1440 px; comprobá también 390, 768 y 1280 px. Revisá página completa y secciones clave, no solo el primer pantallazo. Corregí diferencias de escala, posición, recorte, espacio, texto, botones y animaciones. No inventes un porcentaje de similitud ni una mejora de conversión. Ejecutá Theme Check, comprobá errores de Liquid y consola, imágenes rotas, enlaces, navegación por teclado y desbordes. Probá en mi tienda el carrito con variantes y cantidades reales, sin completar una compra. Si no se puede probar algo por visibilidad del producto, permisos, stock o apps, dejalo como pendiente explícito. No declares «lista para vender» si faltan precios reales, envío, pagos, stock, políticas o una prueba de compra hasta el paso previo al pago. «Vista previa visual terminada» y «lista para publicar» son estados diferentes. ## 11. Entrega Entregame el enlace real de vista previa del producto en el tema sin publicar, el acceso al editor, los archivos y su respaldo, el inventario de medios, créditos consumidos y pendientes, pruebas realizadas y diferencias respecto de la referencia. Explicá dónde cambio textos, imágenes y oferta desde Shopify. Dejá preparada la asignación de plantilla y cualquier cambio de catálogo necesario, con sus valores anteriores para poder volver atrás. No publiques el tema, no cambies la asignación pública del producto ni actives descuentos, apps o suscripciones sin una instrucción posterior explícita que alcance esos cambios. ## 12. Empezá ahora Leé mis campos iniciales, comprobá las capacidades y conexiones de este entorno y ejecutá la primera fase posible. Si falta algo esencial, pedímelo junto y seguí con el trabajo independiente. No respondas solamente con un plan: avanzá hasta tener la landing revisable o identificá el bloqueo concreto con lo que ya quedó preparado.