รีวิว teardown — Claude Code skill เปลี่ยนเครื่องจักรอะไรก็ได้ ให้เป็นซิมูเลเตอร์ 3D ที่ถอดดูได้
ข้อมูล Repo
elvarofficial/teardown- ภาษา
- JavaScript
- ดาว
- 918
- สร้างเมื่อ
- แก้ไขล่าสุด
เปลี่ยนสถานะผ่าน API: PATCH /api/reports/6cba99f0-1e22-4be6-abcc-fa5cfc4b783c
แคปชันสำหรับ Facebook
อยากรู้ว่าเครื่องยนต์ นาฬิกา หรือแขนรถแม็คโครทำงานยังไง แบบเห็นเป็นภาพ 3D ถอดดูได้? ลองดู teardown ครับ ⚙️ teardown เป็น skill ของ Claude Code แค่ถามเป็นภาษาธรรมดา มันจะสร้างซิมูเลเตอร์ให้ ✅ ได้หน้า HTML ไฟล์เดียว เปิดแบบออฟไลน์ได้ (three.js กับฟอนต์ฝังมาในไฟล์) ✅ เครื่องเดินอยู่ตรงกลาง มีแผงรอบๆ โชว์ตัวเลข กดปุ่มเปิดดูชิ้นส่วนที่กำลังทำงาน ✅ ถ้าไม่มีใครแตะ หน้าเว็บจะพาทัวร์เอง ✅ อัดเป็นวิดีโอ mp4 60 fps พร้อมเสียงประกอบได้ ✅ มีตัวอย่างให้เปิดดูก่อน 3 เครื่อง คือ V8, Cessna และ Strandbeest เหมาะกับครู นักเรียนสายวิศวะ และคนทำคอนเทนต์อธิบายว่าสิ่งต่างๆ ทำงานยังไง ข้อควรรู้: ต้องใช้ Node.js 20 ขึ้นไป ถ้าจะทำวิดีโอต้องมี ffmpeg และเสียงต้องใช้ Python 3 ใช้ MIT license 🔗 https://github.com/elvarofficial/teardown #ClaudeCode #3D #AgentSkills #เรียนรู้
ภาพปกแบบ HTML สด
แสดงจาก HTML ต้นฉบับที่ใช้สร้างภาพ ดาวน์โหลดเป็น PNG 1080×1350 ได้ทันที
สไตล์ Easy AI
1080×1350แก้ไข 2026-11-02
สไตล์ easy-app
1080×1350แก้ไข 2026-11-02
สรุป
teardown เป็น Claude Code skill ที่ให้เราถามว่าเครื่องจักรสักอย่างทำงานยังไง แล้ว Claude จะสร้างซิมูเลเตอร์ 3D เป็นหน้า HTML ไฟล์เดียวที่เปิดแบบออฟไลน์ได้ เครื่องเดินอยู่ตรงกลาง มีแผงตัวเลขรอบๆ กดเปิดดูชิ้นส่วนที่กำลังทำงานได้ และอัดเป็นวิดีโอ 60 fps พร้อมเสียงได้ มีตัวอย่าง 3 เครื่อง ใช้ MIT license
คืออะไร
teardown คือ skill ของ Claude Code ที่เปลี่ยนเครื่องจักรอะไรก็ได้ให้เป็นซิมูเลเตอร์ 3D ที่เราถอดดูข้างในได้ แค่ถามว่าสิ่งนั้นทำงานยังไง Claude จะสร้างให้เป็นหน้า HTML ไฟล์เดียวที่เปิดแบบออฟไลน์ได้ เครื่องเดินอยู่ตรงกลาง แผงรอบๆ แสดงตัวเลขจริง มีปุ่มเปิดดูชิ้นส่วนที่กำลังทำงาน และถ้าไม่มีใครแตะ หน้าเว็บจะพาทัวร์เอง
ใน README มีตัวอย่างเป็นผึ้งหุ่นยนต์ แมงป่องหุ่นยนต์ และปลาหมึกหุ่นยนต์
จุดเด่น
- ✅ สั่งด้วยภาษาธรรมดา เช่น "Build me a simulator of a 4-stroke motorcycle engine I can take apart."
- ✅ ได้ไฟล์ HTML ไฟล์เดียว three.js และฟอนต์ฝังมาในไฟล์ เปิดออฟไลน์ได้
- ✅ อัดวิดีโอได้ เรนเดอร์ทัวร์ทีละเฟรมเป็น mp4 60 fps หรือเป็นชีตภาพนิ่งไว้ตรวจงาน
- ✅ มีเสียงประกอบ สร้างเสียงตามไทม์ไลน์ของวิดีโอ
- ✅ มีตัวอย่างครบ 3 เครื่อง V8, Cessna และ Strandbeest แต่ละเครื่องมีทั้งแบบเล่นเองและแบบวิดีโอทัวร์
- ✅ ใน SKILL.md มีทั้งวิธีสร้างเครื่อง กฎที่ทำให้ดูถูกต้อง และขั้นตอนรีวิวงาน
เหมาะกับใคร
- ครูและนักเรียนที่อยากอธิบายการทำงานของเครื่องจักรแบบเห็นภาพ
- คนทำคอนเทนต์สาย "มันทำงานยังไง" ที่อยากได้วิดีโอ 3D
- คนใช้ Claude Code ที่ชอบลองของสาย 3D และ three.js
เริ่มต้นใช้งาน
ติดตั้ง skill
npx skills add elvarofficial/teardown -g -a claude-code
จากนั้นในโฟลเดอร์ที่ติดตั้ง รันครั้งเดียว
npm install && npx playwright install chromium
ลองเปิดตัวอย่างก่อน
node sims/build.mjs v8-live
ไฟล์จะออกมาที่ teardown-out/dist/v8-live.html
ข้อควรรู้
- ต้องใช้ Node.js 20 ขึ้นไป ถ้าจะทำวิดีโอต้องมี
ffmpegและเสียงต้องใช้ Python 3 - สร้างต่อจาก whaleyxbt/claude-motion (MIT) ทั้งส่วน runtime การจับเฟรม และระบบเสียง เสียงตัวอย่างเป็น CC0 จาก Freesound
- README ยังสั้น และโปรเจกต์เพิ่งสร้างเมื่อ 30 ต.ค. 2026
- ใช้ MIT license
🔗 https://github.com/elvarofficial/teardown
ข้อมูลจาก GitHub ณ 2 พ.ย. 2026: ⭐ 918 | ภาษา JavaScript | license MIT