ให้ ภาพวาด ขยับ
ด้วย โค้ด
Skill
35 สไตล์ ศิลปะ
9 ไวยากรณ์ อธิบาย
ด่าน ตรวจ ก่อน ปล่อย
เปลี่ยน คำสั่ง สั้น ๆ ให้ เป็น ภาพ ที่ มีชีวิต ไม่ ใช่ ภาพนิ่ง ที่ สลับ กัน
ออกแบบ เฟรม เดียว ก่อน
คลิป ประกอบ คำบรรยาย
ตัวละคร และ มนุษย์
ดนตรี จาก โค้ด
scripts/audio
ตรวจ ก่อน ส่ง งาน
35 สูตร สไตล์ และ 9 ไวยากรณ์ วิดีโอ อธิบาย เป็น จุดเริ่มต้น ไม่ ใช่ กรอบ บังคับ
จาก ภาพ ถ้ำ ถึง ปี 2026
ศิลปิน และ ยุค ตะวันตก
ตะวันออก และ อนิเมะ
ไวยากรณ์ วิดีโอ อธิบาย 9 แบบ
ใน ตัวอย่าง 35ช่อง ทุก ช่อง ใช้ องค์ประกอบ ภาพ เดียวกัน เพราะ เป็น กลไก ของ คลิป สรุป ประวัติศาสตร์ ศิลป์ ถ้า ทำ หัวข้อ ใหม่ ต้อง วาง องค์ประกอบ ใหม่ ให้ เหมาะกับ หัวข้อ นั้น คำเตือน จาก ผู้เขียน รีโป ใน ส่วน แกลเลอรี สไตล์
ตัวอย่าง ของ ทั้ง 35 สไตล์ พร้อม ท่า เคลื่อนไหว และ Prompt ให้ ลอง สั่ง
ก. ยุค โบราณ ถึง ยุค กลาง 6 สไตล์
ภาพ ถ้ำ ก่อน ประวัติศาสตร์
洞穴岩画 · Cave paintingจิตรกรรม สุสาน อียิปต์
埃及墓室壁画 · Egyptian tomb muralลาย ดำ แบบ แอตติก (กรีก )
阿提卡黑绘 · Attic black-figureโมเสก ปอมเปอี
庞贝马赛克 · Pompeian mosaicต้นฉบับ ลายมือ แบบ กอธิก
哥特泥金手抄本 · Gothic illuminated manuscriptเรเนสซองส์ แบบ เลือน ขอบ
文艺复兴晕涂 · Renaissance glazingข . ศิลปะ ตะวันตก ปลาย ศตวรรษ ที่ 19 ถึง กลาง ศตวรรษ ที่ 2015 สไตล์
อิมเพรสชันนิสม์
印象派 · Impressionismแวนโก๊ะ
梵高 · Post-Impressionismมูคา อาร์ตนูโว
慕夏新艺术 · Art Nouveauคิวบิสม์ เชิง วิเคราะห์
分析立体主义 · Analytic Cubismเบาเฮาส์
包豪斯 · Bauhausคลิมต์ ยุคทอง
克里姆特金色时期 · Klimt Golden Periodมุงค์ เอกซ์เพรสชันนิสม์
蒙克表现主义 · Munch Expressionismเซอราต์ พอยท์ทิลลิสม์
修拉点彩 · Seurat pointillismมาติส ตัด กระดาษ
马蒂斯剪纸 · Matisse cut-paperดาลี เซอร์เรียลลิสม์
达利超现实 · Dalí Surrealismฮอปเปอร์ เรียลลิสม์ อเมริกัน
霍珀美国现实主义 · Hopper American Realismเรมบรันต์ แสง เงา
伦勃朗明暗 · Rembrandt chiaroscuroปีกัสโซ ยุค สีน้ำเงิน
毕加索蓝色时期 · Picasso Blue Periodคอนสตรัคติวิสม์ รัสเซีย
俄国构成主义 · Russian Constructivismโมเนต์ ดอกบัว และ สะพาน ญี่ปุ่น
莫奈睡莲与日本桥 · Monet water liliesค . ป๊อป และ ดิจิทัล 9 สไตล์
ลิกเทนสไตน์ ป็อปอาร์ต
利希滕斯坦波普 · Lichtenstein Pop Artพิกเซล 8 บิต
8-bit 像素 · 8-bit pixel artCGI เรย์ เทรซ ยุค แรก
早期光追 CGI · Early ray-traced CGIภาพประกอบ แฟลต ร่วมสมัย
当代扁平插画 · Contemporary flat illustrationคุ ซา มะ ลาย จุด
草间弥生波点 · Kusama polka dotsเวเปอร์เวฟ / ไซเบอร์นีออน
蒸汽波/赛博霓虹 · Vaporwave / cyber neonมาร์เวล เคอร์บี ยุค จักรวาล
漫威 Kirby 银河时代 · Marvel Kirby Cosmic Eraคีธ แฮริง
凯斯·哈林 · Keith Haringการ์ตูน ท่อยาง ทศวรรษ 1930
1930 橡皮管卡通 · 1930 rubber-hose cartoonง . ตะวันออก และ อนิเมะ 5 สไตล์
หมึกจีน เสี่ย หยี่
中国水墨写意 · Chinese ink washจิตรกรรม ถ้ำ ตุนหวง
敦煌壁画 · Dunhuang muralภาพเงา แบบ จีน
中国皮影 · Chinese shadow puppetryฉาก สีน้ำ สไตล์ จิบลิ
吉卜力水彩背景 · Ghibli watercolor backgroundsแสง แบบ ชินไก
新海诚光影 · Makoto Shinkai lightตัวอย่าง หลัก : ผจญภัย แบบ เกม มาริโอ
ตัวอย่าง อื่น ๆ ใน รีโป
เตรียม 4 อย่าง แล้ว ติดตั้ง สกิล ได้ ใน ไม่ กี่ นาที
uv
ffmpeg
Playwright Chromium
Agent ที่ รองรับ สกิล
สไตล์ ให้ เลือก
5 ขั้นตอน ตั้งแต่ ติดตั้ง จนได้ เฟรม แรก ของ คุณ
เพิ่ม สกิล เข้า agent
ติดตั้ง สกิล
npx skills add alchaincyf/huashu-art-motion
ติดตั้ง Chromium ให้ Playwright
ติดตั้ง เบราว์เซอร์
uv run --with playwright playwright install chromium
ลอง เรนเดอร์ เฟรม เดียว
เรนเดอร์ ภาพนิ่ง ทดสอบ
uv run --with playwright python scripts/engine/render.py --solo 09_postimp --stills 0.3 --out test
สั่งงาน ผ่าน agent
จาก ไอเดีย ถึง ไฟล์ MP4 ผ่าน ขั้น ตอนที่ ตรวจสอบ ได้ ทุก ด่าน
ออกแบบ เฟรม เดียว
ทำให้ ขยับ
ตรวจ ตัวเลข
qa.py
ส่งมอบ
deliver.py
กติกา ที่ สกิล บังคับ
ฉาก ทุก ฉาก ต้อง มี การเคลื่อนไหว หลัก และ วน ซ้ำ ย่อย ตาม ธีม ของ สไตล์ โดย วัด ความต่าง ของ เฟรม จริง เรื่อง สุ่ม ทั้งหมด ใช้ seedเรนเดอร์ สอง ครั้ง ต้อง ได้ ภาพ ตรงกัน ทุก พิกเซล ก่อน ส่ง งาน ให้ agentอีก ตัว ที่ ไม่ ได้ ร่วม ทำ ดู แค่ ตัว คลิป แล้ว ชี้ จุดบกพร่อง คลิป ที่ แทบ ไม่ มี ความเคลื่อนไหว ใน ช็อต จะ ไม่ ผ่าน ด่าน และ ไม่ ถูก ส่งออก
3 Prompt ตั้งต้น ที่ สั่งงาน ได้ ทันที แก้ ตัวแปร ใน วงเล็บเหลี่ยม ให้ ตรง กับ งาน ของ คุณ
แอนิเมชัน สไตล์ ศิลปิน
ใช้สกิล huashu-art-motion ทำแอนิเมชันความยาว [10] วินาที เกี่ยวกับ [หัวข้อ เช่น ร้านกาแฟยามเช้า] ในสไตล์ [แวนโก๊ะ / โมเนต์ / เบาเฮาส์] เริ่มจากออกแบบเฟรมเดียวให้ฉันดูก่อน เสนอ 3 ทิศทางให้เลือก แล้วค่อยทำให้ขยับ
คลิป อธิบาย ตาม เสียงพูด
ใช้สกิล huashu-art-motion ทำคลิปประกอบคำบรรยายแนว [Kurzgesagt / Vox / ไวต์บอร์ด / กราฟการเงิน] เนื้อหา: [สรุปประเด็นที่จะพูด] ขนาด: [แนวนอน 16:9 / แนวตั้ง 9:16] ความยาวให้ตรงกับเสียงบรรยาย
ถอดแบบ แล้ว เลียน กลไก
ใช้สกิล huashu-art-motion ถอดแบบแอนิเมชันอ้างอิงไฟล์ [ชื่อไฟล์.mp4] วัดทรานซิชัน ตารางบีต และบริเวณที่ขยับในแต่ละช่วง แล้วเขียนโค้ดเลียนกลไกให้ใช้กับหัวข้อ [หัวข้อใหม่ของฉัน] ไม่ต้องลอกภาพต้นฉบับ
ข้อควรระวัง เรื่อง ลิขสิทธิ์
ภาพ ตัว การ์ตูน และ เฟรม ตัวละคร ของ ผู้เขียน ใช้ เพื่อ การสาธิต สกิล เท่านั้น ไม่ ได้ อนุญาต ตาม MITClawd เป็น มาสคอต ของ Anthropicคลิป ที่ เกี่ยวข้อง เป็น ผลงาน แฟนเมด ที่ ไม่ เป็นทางการ และ ไม่ อยู่ ใต้ MITฟอนต์ ใน โปรเจกต์ ใช้ สัญญา OFLภาพวาด ใน ตัวอย่าง มาจาก คลัง เปิด CC0ของ พิพิธภัณฑ์ Met
คำถาม ที่ มือใหม่ มัก ถาม ก่อน ลอง ใช้ สกิล นี้
ต้อง เขียน โค้ด เอง ไหม ?
ต้อง ใช้ บริการ สร้างภาพ หรือ เสียง เพิ่ม ไหม ?
ใช้กับ Claude Code ได้ จริง ไหม ?
เครื่อง Windows หรือ Linux ใช้ได้ ไหม ?
อภิธาน ศัพท์ คำ ที่ ใช้ ใน บทความ นี้
- Skill
สกิล แนวคิด ชุด คำแนะนำ และ สคริปต์ ที่ ติดตั้ง ให้ agentเพื่อให้ ทำงาน เฉพาะ ทางได้ ดีขึ้น ตัวอย่าง :สกิล นี้ สอน ให้ agentออกแบบ เฟรม ก่อน ทำให้ ขยับ - CanvasHTML Canvas
เทคโนโลยี พื้นที่ วาดภาพ ใน เว็บ เบราว์เซอร์ ที่ ใช้ โค้ด สั่ง วาด เส้น และ สี ทำให้ ฉาก ทั้งหมด ถูก สร้าง ด้วย โปรแกรม ตัวอย่าง :ฉาก สไตล์ แวนโก๊ะ 35ฉาก เขียน ด้วย Canvas- Playwright
เพลย์ไรต์ เครื่องมือ เครื่องมือ ควบคุม เบราว์เซอร์ ด้วย โค้ด ในที่นี้ ใช้ เปิดฉาก แล้ว จับภาพ ทีละ เฟรม ตัวอย่าง :ขั้น ตอนที่ 3ติดตั้ง Chromiumให้ Playwright- uv
ยูวี เครื่องมือ ตัว จัดการ แพ็กเกจ และ รัน สคริปต์ Pythonที่ เร็ว และ ไม่ต้อง ตั้งค่า สภาพแวดล้อม เอง ตัวอย่าง :ทุก คำสั่ง เรนเดอร์ ขึ้นต้น ด้วย uv run- ffmpeg
เอฟเอฟเอ็มเพ็ก เครื่องมือ โปรแกรม แปลง และ ประกอบ ไฟล์ วิดีโอ และ เสียง ผ่าน บรรทัด คำสั่ง ตัวอย่าง :ใช้ ประกอบ เฟรม เป็น MP4 Explainer grammarไวยากรณ์ อธิบาย แนวคิด ชุด กฎ ภาพ และ จังหวะ ของ วิดีโอ อธิบาย แต่ละ สาย เช่น แบบ กระดาษ ตัด แปะ หรือ แบบ กระดาน ขาว ที่ สกิล ถอด เป็น พารามิเตอร์ ตัวอย่าง :เลือก ไวยากรณ์ ไวต์บอร์ด เมื่อ ต้องการ วาด ตาม เสียงพูด QA Quality gateด่าน ตรวจ คุณภาพ ขั้น ตรวจ อัตโนมัติ ก่อน ส่ง งาน ถ้า คลิป ไม่ ผ่าน เกณฑ์ จะ ไม่ ถูก ส่งออก ตัวอย่าง :ด่าน กัน คลิป ที่ แทบ ไม่ ขยับ