@nux_design: reanimate คือ Claude Code skill ที่ช่วย reverse-engineer animation ที่เราชอบ แล้วสร้างเวอร์ชันของเราเองต่อยอดจากมัน รองรับทั้งเว็บไซต์จริง, screen recording, mp4, gif และ LottieJson ปัญหาที่เจอบ่อยคือ ถ้าให้ AI ทำ animation ตามจากลิงก์หรือ screenshot มันมักทำรอบเดียวแล้วบอกว่าเสร็จ เพราะมองไม่เห็น motion และไม่รู้ว่าทำได้ใกล้แค่ไหน reanimate แก้ด้วยการอัดวิดีโอต้นฉบับ สร้างใหม่ในโค้ดของเรา อัดตัว copy ด้วยวิธีเดียวกัน แล้วเทียบตัวเลข agent จะแก้ต่อจนตรง ปกติใช้ 2-5 รอบ ขั้นตอนการทำงาน - Record: อัดต้นฉบับ ได้ frame และตำแหน่ง element ทุก frame - Spec: สรุป start, duration, easing, stagger ของแต่ละ element - Build: เขียนด้วยสิ่งที่โปรเจกต์ใช้อยู่ เช่น CSS, Framer Motion, GSAP, three.js - Verify: อัดตัว copy แล้วเทียบ timing, easing, pixel - Repeat: แก้จุดที่ต่างมากสุดแล้วอัดใหม่ เลือกระดับความเหมือนได้ - "clone this animation": ขยับเหมือน timing คลาดไม่เกิน 80 ms - "match it exactly": เหมือนทั้งหน้าตา pixel mismatch เฉลี่ยไม่เกิน 2% - "clone X and add Y": clone แล้วเพิ่มส่วนของเราแยกไว้ ติดตั้ง npx skills add NiazMorshed2007/reanimate -g ต้องมี Bun 1.1 ขึ้นไป บน macOS หรือ Linux ไม่ต้องใช้ API key ข้อจำกัด: หน้าที่ต้อง login, YouTube และ Loom อัดตรงไม่ได้ ต้องใช้ screen recording แทน และ font, รูป, โค้ดจากเว็บอื่นจะมีเรื่องของลิขสิทธิ์ด้วย สรุปง่ายๆ reanimate คือ skill ที่ให้ Claude Code ก๊อปปี้ animation ได้แม่นขึ้น ด้วยการอัด สร้าง เทียบ วนจนตรง #creatorsearchinsights #คลิปขึ้นฟีด #ai #ติดเทรนด์ #claude

NUX Design

Open In TikTok:

Region: TH

Monday 02 November 2026 08:11:59 GMT