Sobre el proyecto

ui-clone-skills es un plugin para agentes de codificación (compatible con Claude Code y Codex) diseñado para ingeniería inversa de sitios web en vivo a código React y Tailwind CSS. A diferencia de las herramientas estándar de captura de pantalla a código que inferen el diseño a partir de píxeles, esta herramienta realiza "motion forensics" inspeccionando el DOM en vivo, descargando CSS y activos reales, y extrayendo parámetros de animación de los paquetes de JavaScript (incluyendo GSAP, Framer Motion y Webflow IX2). El pipeline consta de cuatro etapas principales: 1. Captura: registra marcos de referencia, videos y mapas del DOM en múltiples viewports y estados de interacción. 2. Decodificación: extrae hojas de estilo, valores calculados y crea un `transition-spec.json` para los parámetros de movimiento. 3. Recreación: genera código React/TSX y Tailwind basado en los datos observados. 4. Verificación: utiliza métricas deterministas como Error Absoluto (AE) y Similitud Estructural (SSIM) para comparar la implementación con la referencia. Ofrece tres habilidades principales: `ui-reverse-engineering` para el pipeline completo, `ui-capture` para recopilar evidencia de referencia y `visual-debug` para diagnosticar discrepancias entre el clon y el sitio original.