প্রকল্প সম্পর্কে

ui-clone-skills হল কোডিং এজেন্টদের (Claude Code এবং Codex-এর সাথে সামঞ্জস্যপূর্ণ) জন্য একটি প্লাগইন, যা লাইভ ওয়েবসাইটগুলিকে React এবং Tailwind CSS কোডে রিভার্স-ইঞ্জিনিয়ার করতে ডিজাইন করা হয়েছে। স্ট্যান্ডার্ড স্ক্রিনশট-থেকে-কোড টুলগুলির বিপরীতে যেগুলি িক্সেল থেকে লেআউট অনুমান করে, এই টুলটি "মোশন ফরেনসিক্স" সম্পাদন করে লাইভ DOM পরীক্ষা করে, প্রকৃত CSS এবং সম্পদ ডাউনলোড করে এবং JavaScript বান্ডেল থেকে অ্যানিমেশন প্যারামিটার বের করে (GSAP, Framer Motion এবং Webflow IX2 সহ)। পাইপলাইনটি চারটি প্রধান ধাপে গঠিত: 1. ক্যাপচার: একাধিক ভিউপোর্ট এবং ইন্টারঅ্যাকশন অবস্থায় রেফারেন্স ফ্রেম, ভিডিও এবং DOM ম্যাপ রেকর্ড করে। 2. ডিকোড: স্টাইলশিট, কম্পিউটেড মান এবং মোশন প্যারামিটারের জন্য `transition-spec.json` তৈরি করে। 3. রিক্রিয়েট: পর্যবেক্ষিত ডেটা ভিত্তিক React/TSX এবং Tailwind কোড তৈরি করে। 4. ভেরিফাই: Absolute Error (AE) এবং Structural Similarity (SSIM) সহ নির্ধারিত মেট্রিক্স ব্যবহার করে বাস্তবায়নটি রেফারেন্সের াথে তুলনা করে। এটি তিনটি প্রধান দক্ষতা প্রদান করে: `ui-reverse-engineering` পুরো পাইপলাইনের জন্য, `ui-capture` রেফারেন্স ্রমাণ সংগ্রহের জন্য, এবং `visual-debug` ক্লোন এবং মূল সাইটের মধ্যে মিল া হওয়ার কারণ নির্ণয়ের জন্য।