आर्टिफिशियल इंटेलिजेंस

Reanimate: एनीमेशन को रिवर्स-इंजीनियर करने वाला एक नया Claude Code स्किल

· GlobeWire Daily Editorial Desk · Source: github.com

Moments from the demo video: /reanimate slides in; three browsers record widgets on stripe.com, resend.com and clerk.com; the copies are measured against them until the difference is gone; the 18 examples turn on a helix; the install command types itself in.

चित्र: GitHub · चित्र स्रोत · Resized and letterboxed to 16:9; no AI generation

यह खबर शेयर करें
मुख्य बातें Reanimate का परिचय Reanimate एक ऐसा टूल है जिसे डेवलपर्स के लिए जटिल वेब एनिमेशन को सटीक रूप से दोहराने के उद्देश्य से बनाया गया है। पारंपरिक AI एजेंट अक्सर गति या टाइमिंग को सही ढंग से नहीं समझ पाते, लेकिन Reanimate एक 'वेरिफिकेशन-आधारित' तरीका अपनाता है, जिससे एनिमे

Reanimate का परिचय

Reanimate एक ऐसा टूल है जिसे डेवलपर्स के लिए जटिल वेब एनिमेशन को सटीक रूप से दोहराने के उद्देश्य से बनाया गया है। पारंपरिक AI एजेंट अक्सर गति या टाइमिंग को सही ढंग से नहीं समझ पाते, लेकिन Reanimate एक 'वेरिफिकेशन-आधारित' तरीका अपनाता है, जिससे एनिमेशन को किसी लाइव वेबसाइट, स्क्रीन रिकॉर्डिंग या वीडियो फाइल से कॉपी किया जा सकता है।

यह कैसे काम करता है?

  • रिकॉर्ड: यह टूल एक हेडलेस ब्राउज़र में ओरिजिनल एनिमेशन को फ्रेम-दर-फ्रेम कैप्चर करता है। यह CSS प्रॉपर्टीज, वेब एनिमेशन API, और GPU कॉल को ट्रैक करता है।
  • विश्लेषण: यह टाइमिंग, ईजिंग और एलिमेंट की पोजीशन का तकनीकी डेटा तैयार करता है।
  • बिल्ड: यह आपके प्रोजेक्ट के अनुकूल कोड (जैसे Framer Motion, GSAP, या Three.js) तैयार करता है।
  • सत्यापन: यह आपके द्वारा बनाए गए एनिमेशन को रिकॉर्ड करता है और ओरिजिनल के साथ तुलना करता है। यदि कोई अंतर है, तो एजेंट तब तक सुधार करता है जब तक दोनों के आंकड़े समान न हो जाएं।

तकनीकी विशेषताएं

  • WebGL और Canvas: यह WebGL और Canvas के लिए GPU कॉल और शेडर्स को ट्रेस करता है। एक वर्चुअल क्लॉक का उपयोग करके, यह रैंडम एनिमेशन को भी हर बार एक समान तरीके से कैप्चर करता है।
  • फिजिक्स मैचिंग: यह एनिमेशन के ओवरशूट और सेटल टाइम के आधार पर स्प्रिंग फिजिक्स की गणना करता है, जिससे एनिमेशन की गति असली जैसी दिखती है।
  • सिस्टम आवश्यकताएँ: इसके लिए macOS या Linux पर Bun 1.1 या बाद का वर्ज़न आवश्यक है। यह मुख्य रूप से Claude Code के साथ काम करने के लिए डिज़ाइन किया गया है।

मुख्य बातें

उपयोगकर्ताओं को सलाह दी जाती है कि वे किसी भी साइट के कंटेंट का उपयोग करने से पहले उनके नियमों की जांच करें। यह टूल केवल एक तकनीकी अध्ययन और विकास का साधन है और इसका किसी भी बड़ी कंपनी (जैसे Stripe, Vercel) से कोई आधिकारिक संबंध नहीं है। प्रोजेक्ट का कोड GitHub पर MIT लाइसेंस के तहत उपलब्ध है।

मूल स्रोत पढ़ें: A Claude Code skill that reverse-engineers any animation frame by frame, then proves the copy moves the same. - GitHub

AI की सहायता से तैयार रिपोर्ट; मूल स्रोत के दावों की स्वतंत्र पुष्टि नहीं की गई है।

लेखक के बारे में

GlobeWire Daily Editorial Desk — प्रकाशित स्रोतों पर आधारित AI-सहायता प्राप्त खबरें।

और पढ़ें