Об этом проекте

ui-clone-skills — это плагин для кодирующих агентов (совместим с Claude Code и Codex), предназначенный для реверс-инжиниринга живых веб-сайтов в код на React и Tailwind CSS. В отличие от стандартных инструментов, преобразующих скриншоты в код путем анализа пикселей, этот инструмент выполняет «моторную экспертизу», анализируя живой DOM, загружая реальные CSS и ресурсы, а также извлекая параметры анимации из JavaScript-бандлов (включая GSAP, Framer Motion и Webflow IX2). Конвейер состоит из четырех основных этапов: 1. Захват: записывает опорные кадры, видео и карты DOM на нескольких viewport'ах и состояниях взаимодействия. 2. Декодирование: извлекает таблицы стилей, вычисленные значения и создает файл `transition-spec.json` для параметров движения. 3. Воссоздание: генерирует код на React/TSX и Tailwind на основе наблюдаемых данных. 4. Проверка: использует детерминированные метрики, такие как Абсолютная Ошибка (AE) и Структурное Сходство (SSIM), для сравнения реализации с эталоном. Предоставляет три основные функции: `ui-reverse-engineering` для полного конвейера, `ui-capture` для сбора опорных данных и `visual-debug` для диагностики несоответствий между клоном и оригинальным сайтом.