Clonator — Dashboard

📥 Descargar Extension

📦

clonator-extension.tar.gz

Extension de Chrome v2.0 — Manifest V3

Descargar

Nota: Descomprime el archivo y carga la carpeta extension/ en Chrome. La extension NO se publica en la Chrome Web Store.

⚙ Instalacion de la Extension

Descarga y descomprime el archivo .tar.gz

Abre Chrome y ve a chrome://extensions

Activa el Modo desarrollador (interruptor arriba a la derecha)

Haz clic en "Cargar extension sin empaquetar"

Selecciona la carpeta extension/ (la que contiene manifest.json)

Aparecera el icono de Clonator en la barra de extensiones

🚀 Como usar

Abre el popup de Clonator y ve a la pestana Config

Rellena los datos: Backend URL, Dev Store URL, API Token y Theme ID

Haz clic en "Crear Sesion" — esto arranca una instancia de Claude Code en el servidor

En la pestana Sesion, haz clic en "Arrancar Sesion" para iniciar shopify theme dev

En Herramientas: activa la Anotacion visual y/o abre el Chat

Navega a tu tienda de preview y empieza a anotar o chatear con Claude para editar el tema

🛠 Arquitectura

Extension Chrome Backend (servidor) - Config panel <--> Session Manager - Chat panel <--> WebSocket Bridge <-> Claude Code - Anotacion visual <--> Annotation inbox - Reload listener <-- Reload events Cada sesion tiene: - Su propio directorio con el tema Shopify - Su propio shopify theme dev en un puerto unico - Su propio CLAUDE.md con datos del usuario - Aislamiento total de otras sesiones Flujo de recarga: Claude edita archivos → theme dev sincroniza (~1-2s) → Claude emite @@RELOAD@@ → WebSocket → Extension → location.reload()