منصوبے کے بارے میں

ui-clone-skills کوڈنگ ایجنٹس (کلاؤڈ کوڈ اور کوڈیکس کے ساتھ مطابقت رکھتا ہوا) کے لیے ایک پلگ ان ہے جو زندہ ویب سائٹس کو ری ایکٹ اور ٹیل ونڈ CSS کوڈ میں الٹا انجینئرنگ کرنے کے لیے ڈیزائن کیا گیا ہے۔ عام سکرین شاٹ سے کوڈ ٹولز کے برعکس جو پکسلز سے لے آؤٹ استنباط کرتے ہیں، یہ ٹول "موشن فورینسکس" کرتا ہے: زندہ DOM کا معائنہ کرتا ہے، اصل CSS اور اثاثے ڈاؤن لوڈ کرتا ہے، اور جاوااسکرپٹ بندلوں سے اینیمیشن پیرامیٹرز نکالتا ہے (جس میں GSAP، Framer Motion، اور Webflow IX2 شامل ہیں)۔ پائپ لائن چار بنیادی مراحل پر مشتمل ہے: 1. کیپچر: متعدد ویو پورٹس اور تعامل کی حالتیں میں ریفرنس فریمز، ویڈیوز، اور DOM میپس ریکارڈ کرتا ہے۔ 2. ڈی کوڈ: سٹائل شیٹس، کمپیوٹڈ ویلیوز نکالتا ہے اور موشن پیرامیٹرز کے لیے `transition-spec.json` تیار کرتا ہے۔ 3. دوبارہ تخلیق: مشاہدہ کیے گئے ڈیٹا کی بنیاد پر ری ایکٹ/TSX اور ٹیل ونڈ کوڈ جنریٹ کرتا ہے۔ 4. تصدیق: Absolute Error (AE) اور Structural Similarity (SSIM) جیسے قطعی معیارات کا استعمال کرتے ہوئے لاگو کردہ کوڈ کو ریفرنس سے موازنہ کرتا ہے۔ یہ تین بنیادی صلاحیتیں فراہم کرتا ہے: `ui-reverse-engineering` مکمل پائپ لائن کے لیے، `ui-capture` ریفرنس شواہد اکٹھا کرنے کے لیے، اور `visual-debug` کلون اور اصل سائٹ کے درمیان غلطیوں کی تشخیص کے لیے۔