---
title: "สกิล Claude Code สำหรับวิดีโอ: สกิลฟรีสำหรับ motion graphics, วิดีโอเปิดตัว และวิดีโออธิบาย"
description: "สกิล Claude Code สำหรับวิดีโอคืออะไร ติดตั้งอย่างไร และควรเลือกสกิลฟรีแบบใดสำหรับวิดีโอ Remotion, วิดีโอเปิดตัว, explainer แบบวาดมือ และหน้าจอผลิตภัณฑ์"
robots: "index, follow"
canonical: "https://potto.ai/th/blog/claude-code-skills-for-video"
markdown: "https://potto.ai/th/blog/claude-code-skills-for-video.md"
author: "Potto AI Team"
category: "Motion graphics"
datePublished: "2026-10-12T00:00:00.000Z"
language: "th"
dateModified: "2026-10-12T10:46:14.156Z"
---

# สกิล Claude Code สำหรับวิดีโอ: สกิลฟรีสำหรับ motion graphics, วิดีโอเปิดตัว และวิดีโออธิบาย

สกิล Claude Code สำหรับวิดีโอคือโฟลเดอร์ที่มีไฟล์ `SKILL.md` และบางครั้งมีสคริปต์ประกอบ สอนเอเจนต์เขียนโค้ดให้สร้างวิดีโอชนิดหนึ่ง เช่น ภาพยนตร์เปิดตัวด้วย Remotion, explainer แบบวาดมือ หรือหน้าจอผลิตภัณฑ์แบบแอนิเมชัน ติดตั้งโดยวางโฟลเดอร์ไว้ที่ `~/.claude/skills/` หรือ `.claude/skills/` หรือวางพรอมต์ติดตั้งลงในเอเจนต์ แล้วสั่งทำวิดีโอด้วยภาษาธรรมดา เลือกตามงาน: สกิล Remotion สำหรับ motion graphics ที่สร้างจากโค้ด, สกิลวิดีโอเปิดตัวสำหรับปล่อยผลิตภัณฑ์, สกิล explainer และแบบวาดมือสำหรับสอน และสกิลอินเทอร์เฟซผลิตภัณฑ์เมื่อวิดีโอต้องโชว์หน้าจอจริง

Potto รวมสกิลเหล่านี้ไว้ที่หน้า [สกิลเอเจนต์](/skills) และให้ใช้ฟรี: ลงชื่อเข้าใช้ คัดลอกพรอมต์ติดตั้งหรือดาวน์โหลด ZIP แล้วรันสกิลในเอเจนต์ของคุณเอง ด้วยโมเดลและคีย์ของคุณเอง สกิลเขียนโดยผู้เขียนอิสระ ไม่ใช่ Potto และไม่ใช่ Anthropic **Potto ไม่มีความสัมพันธ์อย่างเป็นทางการกับ Anthropic** และไม่มีเนื้อหาใดในคู่มือนี้ที่ Anthropic รับรอง รายละเอียดสกิลด้านล่างมาจากหน้าสกิลของ Potto ตามที่ปรากฏเมื่อ 2026-10-12 และนิยามของสกิลมาจากเอกสารของ Anthropic

## สกิลคืออะไร และทำไมงานวิดีโอถึงเข้ากับมัน

![สกิลของเอเจนต์คืออะไร: โฟลเดอร์ SKILL.md ที่มีคำสั่ง สคริปต์ และตัวอย่างที่เอเจนต์อ่าน](https://potto.ai/blog/claude-code-skills-for-video/th/what-is-an-agent-skill.webp#1200x800)

[เอกสาร Claude Code ของ Anthropic](https://code.claude.com/docs/en/skills) บอกตรง ๆ ว่า "Skills extend what Claude can do. Create a `SKILL.md` file with instructions, and Claude adds it to its toolkit. Claude uses skills when relevant, or you can invoke one directly with `/skill-name`." สกิลไม่ใช่ปลั๊กอินที่เรนเดอร์วิดีโอเอง เป็นคำแนะนำที่เขียนไว้ พร้อมไฟล์ช่วยที่ใส่หรือไม่ใส่ก็ได้ เอเจนต์จะอ่านเมื่อคำขอของคุณตรงกับคำอธิบายของสกิล

การออกแบบแบบนี้เข้ากับงานวิดีโอด้วยสามเหตุผล

- **โค้ดวิดีโอเต็มไปด้วยข้อตกลง** แอนิเมชันแบบเฟรมต้องมีกฎจังหวะ ค่า spring ระยะขอบปลอดภัย การจัดการฟอนต์ และคำสั่งเรนเดอร์ สกิลเก็บสิ่งเหล่านี้ไว้ครั้งเดียว คุณจึงไม่ต้องวางซ้ำในทุกแชท
- **บริบทยังเล็ก** ภาพรวม Agent Skills ของ Anthropic อธิบาย progressive disclosure: มีเพียงชื่อและคำอธิบายของแต่ละสกิลอยู่ในบริบท จนกว่าสกิลจะถูกเรียก จากนั้นเนื้อหาของ `SKILL.md` จึงโหลด และไฟล์ที่แนบมาโหลดเมื่อถูกอ้างถึงเท่านั้น คุณติดตั้งสกิลวิดีโอได้หลายตัวโดยไม่ต้องจ่ายบริบทของทุกตัวในทุกเซสชัน
- **สคริปต์ทำส่วนที่ทำซ้ำได้** สกิลแนบสคริปต์ให้เอเจนต์รันได้ ขั้นตอนที่ทำซ้ำจึงรันเป็นโค้ด แทนที่จะให้โมเดลคิดใหม่ทุกครั้ง

เอกสาร Claude Code ยังระบุว่าสกิลตามมาตรฐานเปิด Agent Skills จึงมีสกิลที่หน้า Potto ระบุเอเจนต์ได้หลายตัว: Claude Code, Codex และ Cursor เข้าใจ `SKILL.md` เหมือนกัน

## วิธีติดตั้งสกิลวิดีโอใน Claude Code

![ติดตั้งสกิลใน Claude Code สามขั้นตอน: รับ ZIP, รันการติดตั้ง, วางในโฟลเดอร์ skills](https://potto.ai/blog/claude-code-skills-for-video/th/install-a-skill-in-claude-code.webp#1200x800)

มีสามวิธี และจบที่จุดเดียวกัน: โฟลเดอร์ที่มี `SKILL.md` ในไดเรกทอรีสกิล

### ทางเลือกที่ 1: คัดลอกพรอมต์ติดตั้งจาก Potto

เปิดหน้าสกิล ลงชื่อเข้าใช้ แล้วเลือก **Copy install prompt** วางพรอมต์ลงใน Claude Code, Codex หรือ Cursor เอเจนต์จะติดตั้งสกิลให้ สกิลทุกตัวบน Potto ฟรี และลงชื่อเข้าใช้เป็นขั้นตอนเดียว ไม่มีการขอบัตรและไม่มีการเรียกเก็บเงิน คุณเลือก **Download ZIP** เพื่อเก็บไฟล์หรือแชร์ในทีมได้

### ทางเลือกที่ 2: วางโฟลเดอร์ในที่ที่ Claude Code มองหา

เอกสารของ Anthropic ระบุตำแหน่ง สกิลส่วนตัวอยู่ที่ `~/.claude/skills/<skill-name>/SKILL.md` และใช้ได้ในทุกโปรเจกต์บนเครื่องนั้น สกิลของโปรเจกต์อยู่ที่ `.claude/skills/<skill-name>/SKILL.md` ในรีโพซิทอรี และคุณ commit ได้เพื่อให้ทีมใช้ร่วมกัน ถ้าดาวน์โหลด ZIP ให้แตกไฟล์จนโฟลเดอร์ของสกิล ซึ่งมี `SKILL.md` อยู่ชั้นบนสุด อยู่ในตำแหน่งใดตำแหน่งหนึ่ง Claude Code รับการเปลี่ยนแปลงของโฟลเดอร์สกิลระหว่างเซสชัน ถ้าคุณสร้างไดเรกทอรีสกิลระดับบนสุดใหม่ ให้รัน `/reload-skills`

### ทางเลือกที่ 3: ติดตั้งสกิล Remotion อย่างเป็นทางการ

[Remotion](https://www.remotion.dev/docs/ai/skills) ดูแลชุด Agent Skills ของตัวเองสำหรับทำงานในโปรเจกต์ Remotion คำสั่งติดตั้งคือ `npx skills add remotion-dev/skills` เอกสารระบุ Claude Code, Codex, Kimi Code และ Cursor เป็นเอเจนต์ที่ใช้สกิลเหล่านี้ได้ สกิลวิดีโอจากบุคคลที่สามหลายตัวด้านล่างบอกว่าทำงานคู่กับชุดอย่างเป็นทางการได้ ดังนั้นติดตั้งชุดของ Remotion ก่อนจึงเป็นฐานที่สมเหตุสมผลสำหรับสกิลที่อิง Remotion

### การใช้สกิลหลังจากติดตั้งแล้ว

Claude โหลดสกิลอัตโนมัติเมื่อคำขอตรงกับคำอธิบาย หรือคุณพิมพ์ `/skill-name` พร้อมอาร์กิวเมนต์หรือไม่ก็ได้ ถ้าต้องการให้แน่ใจว่าสกิลตัวไหนรัน ให้เรียกด้วยชื่อ

## ตรวจสามอย่างก่อนรันสกิลใด ๆ

สกิลคือคำสั่งและโค้ดที่เอเจนต์จะทำตามบนเครื่องของคุณ ดังนั้นอ่านก่อนรัน ภาพรวม Agent Skills ของ Anthropic บอกให้ใช้สกิลจากแหล่งที่เชื่อถือเท่านั้น และเตือนว่าสกิลประสงค์ร้ายสามารถสั่งให้ Claude เรียกเครื่องมือหรือรันโค้ดในทางที่ไม่ตรงกับจุดประสงค์ที่ประกาศไว้ สำหรับสกิลบุคคลที่สาม นั่นหมายถึงเปิด `SKILL.md` และสคริปต์ที่แนบมา แล้วมองหาการเรียกเครือข่ายหรือการเข้าถึงไฟล์ที่ไม่ได้คาดไว้ หน้าสกิลของ Potto แสดงตัวอย่าง `SKILL.md` เพื่อให้อ่านรอบแรกง่ายขึ้น

จากนั้นใช้ฟิลด์บนหน้าสกิลตัดสินว่าเข้ากับงานของคุณหรือไม่

1. **Runs in** เอเจนต์ที่ผู้เขียนระบุ เช่น Claude Code, Codex หรือ Cursor
2. **Needs** ตัวแปรสภาพแวดล้อมที่สกิลต้องการ สกิลวิดีโอจำนวนมากไม่ต้องการอะไร บางตัวต้องการคีย์ของบริการบรรยายหรือโมเดลภาพ และผู้ให้บริการนั้นเป็นคนเรียกเก็บจากคุณ ไม่ใช่ Potto
3. **Output and generates with** สิ่งที่สกิลสร้าง (MP4, HTML ที่แก้ได้, คำบรรยาย, เสียง) และโมเดลใดทำงานสร้างสรรค์ สำหรับสกิลวิดีโอส่วนใหญ่คำตอบคือ "โมเดลของเอเจนต์คุณเอง" หมายความว่าค่าใช้จ่ายและคุณภาพตามโมเดลที่คุณรันในเอเจนต์

## สกิล Claude Code ตามชนิดของวิดีโอ

![สกิล Claude Code ตามประเภทวิดีโอ: วิดีโอ Remotion, วิดีโอเปิดตัว, วิดีโออธิบาย และหน้าจอผลิตภัณฑ์](https://potto.ai/blog/claude-code-skills-for-video/th/skills-by-video-type.webp#1200x800)

ตารางจัดกลุ่มสกิลที่คู่มือนี้ครอบคลุมตามงานที่ทำ แต่ละตัวลิงก์ไปหน้าของมัน ซึ่งระบุผู้เขียน เอเจนต์ คีย์ และผลลัพธ์ รายละเอียดเป็นไปตามที่แสดงเมื่อ 2026-10-12 และเปลี่ยนได้เมื่อผู้เขียนอัปเดตสกิล

| งาน | สกิล | ผู้เขียน | รันใน | ต้องมี | ผลลัพธ์ |
| --- | --- | --- | --- | --- | --- |
| ผลลัพธ์ Remotion | Remotion Director | Zane-0x5a | Claude Code, Codex | ไม่มี | MP4 |
| ผลลัพธ์ Remotion | Remotion Video Director | BayramAnnakov | Claude Code | คีย์บริการบรรยาย | MP4 |
| ผลลัพธ์ Remotion | Apple Motion | IskakovDamir | Claude Code | ไม่มี | MP4, เสียง |
| วิดีโอเปิดตัว | Product Launch Video Skill | memex-lab | Claude Code | ไม่มี | MP4 |
| วิดีโอเปิดตัว | Remotion Ad Video Skill | leosssvip-dot | Claude Code, Codex, Cursor | ไม่มี | MP4, HTML ที่แก้ได้, ภาพนิ่ง PNG |
| Explainer, วาดมือ | Hand Drawn Explainer Video Nikola | hi-nikola | Claude Code, Codex | คีย์บริการบรรยาย | MP4, HTML ที่แก้ได้, คำบรรยาย SRT |
| Explainer, วาดมือ | Claude Animation Skill | buildwithhanif | Claude Code | ไม่มี | MP4, เสียง |
| Explainer, วาดมือ | Manim Skill | adithya-s-k | Claude Code, Cursor | ไม่มี | วิดีโอ |
| อินเทอร์เฟซผลิตภัณฑ์ | Onboarding Video Generator | gorkem-bwl | Claude Code | ไม่มี | MP4, WebM |
| อินเทอร์เฟซผลิตภัณฑ์ | Guizang Product Video Skill | op7418 | Claude Code, Codex | ไม่มี | MP4, HTML ที่แก้ได้, เสียง |
| อินเทอร์เฟซผลิตภัณฑ์ | Appshot | trunghaiy | Claude Code, Codex | ไม่มี | MP4 |

### สกิลสำหรับผลลัพธ์ Remotion

Remotion เปลี่ยนวิดีโอเป็นคอมโพเนนต์ React ที่วาดทีละเฟรม สกิลที่รู้ข้อตกลงของ Remotion จึงช่วยไม่ให้เอเจนต์เดาจังหวะและเลย์เอาต์ เริ่มจากสกิลอย่างเป็นทางการด้านบน แล้วเพิ่มหนึ่งในสกิลเหล่านี้สำหรับสไตล์งานเฉพาะ

**[Remotion Director](/skills/remotion-director)** โดย Zane-0x5a รันใน Claude Code และ Codex ไม่ต้องมีคีย์เพิ่ม และได้ MP4 หน้าของมันอธิบายไปป์ไลน์ออกแบบแล้วสร้าง: จากบรีฟ มันแสดงหลายทิศทางที่ต่างกันในระดับไอเดียก่อน เรนเดอร์คัตเต็มชุดแรกของแต่ละทิศทาง ให้คุณเลือกฐานที่น่าสนใจที่สุด แล้วรันลูปนักวิจารณ์บนตัวที่เลือก เฟรมเริ่มต้นเป็นแนวตั้ง 1080×1920 และรองรับแนวนอนกับสี่เหลี่ยมจัตุรัสด้วย เหมาะกับคนที่อยากเห็นตัวเลือกก่อนตัดสินใจ และยอมรับการใช้โมเดลมากขึ้นในขั้นออกแบบ

**[Remotion Video Director](/skills/remotion-video-director)** โดย BayramAnnakov รันใน Claude Code และได้ MP4 เป็นไกด์แบบโต้ตอบที่พาจากแนวคิดเชิงกลยุทธ์ไปสู่วิดีโอที่เรนเดอร์แล้ว: การถกเถียงของผู้เชี่ยวชาญ การออกแบบฉาก การสร้าง และการตรวจ คำอธิบายบอกว่าทำงานคู่กับ `remotion-dev/skills` อย่างเป็นทางการ มันต้องการ API key ของบริการบรรยาย จึงคาดว่าคุณตั้งค่าและจ่ายเอง

**[Apple Motion](/skills/apple-motion)** โดย IskakovDamir รันใน Claude Code และได้ MP4 กับเสียง มันเขียนวิดีโอ Remotion ในสไตล์คลิปสรุปสั้น ๆ ที่จังหวะสดใส มี pacing, kinetic typography, spring และ easing, ทรานซิชัน, ช็อตอุปกรณ์และอินเทอร์เฟซ, เพลง และการตั้งค่าความดัง ผู้เขียนบอกว่าตัวเลขมาจากการวัดคลิปรีแคปหกชิ้นทีละเฟรม เลือกเมื่อต้องการจังหวะแบบสรุปคีย์โน้ต ไม่ใช่สไตล์บ้านที่เป็นกลาง

### สกิลสำหรับวิดีโอเปิดตัวและปล่อยผลิตภัณฑ์

วิดีโอเปิดตัวมีโครงที่คงที่: ตัวเกี่ยว ผลิตภัณฑ์ ฟีเจอร์สามหรือสี่ข้อ และตอนจบ สกิลในกลุ่มนี้เข้ารหัสโครงสร้างนั้น

**[Product Launch Video Skill](/skills/product-launch-video-skill)** โดย memex-lab รันใน Claude Code และได้ MP4 มันออกแบบและสร้างวิดีโอเปิดตัวที่เน้นผลกระทบใน Remotion และคำอธิบายบอกให้ใช้กับวิดีโอเปิดตัวผลิตภัณฑ์ วิดีโอโปรโมต วิดีโอเดโม ประกาศฟีเจอร์ และการเผยแบรนด์ รวมถึงการทำสตอรีบอร์ด

**[Remotion Ad Video Skill](/skills/remotion-ad-video-skill)** โดย leosssvip-dot รันใน Claude Code, Codex และ Cursor มันเปลี่ยนลิงก์ผลิตภัณฑ์ หน้าร้านแอป แลนดิงเพจ หรือบรีฟผลิตภัณฑ์เป็นวิดีโอโฆษณาด้วยโปรเจกต์ Remotion หรือ HyperFrames หน้าระบุผลลัพธ์เป็น MP4, HTML ที่แก้ได้ และภาพนิ่ง PNG และอธิบายสตอรีบอร์ด การตรวจเรนเดอร์ และไฟล์ส่งมอบ เลือกเมื่อวัตถุดิบเริ่มต้นเป็นหน้าหรือรายการ ไม่ใช่บรีฟว่าง

ตัดสินรูปแบบส่งมอบก่อนเลือก: ภาพยนตร์เปิดตัวสำหรับแลนดิงเพจมักเป็นแนวนอน และเรื่องเดียวกันสำหรับฟีดโซเชียลเป็นแนวตั้ง ระบุในบรีฟ เพราะสกิลเดาไม่ได้ว่าวิดีโอจะเล่นที่ไหน

### สกิลสำหรับ explainer และสไตล์วาดมือ

Explainer พึ่งลำดับที่ชัดและเสียงบรรยายมากกว่าความอลังการ สไตล์วาดมือเพิ่มลายเซ็นภาพ: เส้นกระดาษ หมึก

**[Hand Drawn Explainer Video Nikola](/skills/hand-drawn-explainer-video-nikola)** โดย hi-nikola รันใน Claude Code และ Codex และได้ MP4, HTML ที่แก้ได้ และคำบรรยาย SRT มันทำ explainer ไวต์บอร์ดภาษาจีนแบบ "บรรยายไปวาดไป" และมีสองทาง: แอนิเมชันไวต์บอร์ดทีละเส้น หรือทางโปรแกรมด้วย HTML และ SVG สำหรับการ์ดโฟลว์และไดอะแกรม มันต้องการ API key ของบริการบรรยายเริ่มต้น และคำอธิบายบอกว่าเครื่องของคุณต้องมี FFmpeg, Node.js และเบราว์เซอร์ เป็นภาษาจีนก่อน ดังนั้นตรวจหน้าก่อนใช้กับภาษาอื่น

**[Claude Animation Skill](/skills/claude-animation-skill)** โดย buildwithhanif รันใน Claude Code ไม่ต้องมีคีย์เพิ่ม และได้ MP4 กับเสียง มันทำแอนิเมชัน 2D วาดมือสั้นทั้งหมดใน JavaScript ลุคสตอรีบุ๊กหรือบทบรรณาธิการที่มีพื้นผิว มีเกรนกระดาษและแฮตชิง เรนเดอร์ทีละเฟรมด้วย node canvas และ ffmpeg พร้อมเสียงสังเคราะห์ คำอธิบายระบุขีดจำกัดชัด: ไม่ได้ทำมาสำหรับไมโครอินเทอร์แอกชันของอินเทอร์เฟซ สไลด์ หรือการตัดต่อคนพูด

**[Manim Skill](/skills/manim-skill)** โดย adithya-s-k รันใน Claude Code และ Cursor และเป็นชุดสามสกิลสำหรับ Manim ไลบรารีเบื้องหลังแอนิเมชันคณิตแบบ 3Blue1Brown เลือกเมื่อ explainer เกี่ยวกับสมการ กราฟ หรือเรขาคณิต ซึ่งไดอะแกรมที่ค่อย ๆ สร้างทีละขั้นเป็นตัวพาบทเรียน สำหรับ explainer เกี่ยวกับผลิตภัณฑ์หรือกระบวนการ สกิล Remotion หรือแบบวาดมือตรงกว่า

ไม่ว่าจะเลือกสกิลใด [วิดีโออธิบาย](/explainer-video) อยู่ด้วยกันได้เมื่อแต่ละฉากมีหนึ่งไอเดีย เขียนบรรยายก่อนภาพ และตอนจบบอกผู้ชมว่าต้องทำอะไร

### สกิลสำหรับหน้าจอผลิตภัณฑ์และวิดีโออินเทอร์เฟซ

เมื่อวิดีโอมีไว้โชว์ซอฟต์แวร์ ส่วนยากคือทำให้อินเทอร์เฟซจริงขยับโดยไม่ดูเหมือนการบันทึกหน้าจอ

**[Onboarding Video Generator](/skills/onboarding-video-generator)** โดย gorkem-bwl รันใน Claude Code และได้ MP4 กับ WebM มันสร้างวิดีโอบนบอร์ดสั้นใน Remotion โดยแอนิเมตชิ้นส่วนของอินเทอร์เฟซที่แยกออกมา เป็นคอมโพเนนต์ที่ครอป ไม่ใช่ทั้งหน้า จากภาพหน้าจอที่คุณให้ ผลลัพธ์เริ่มต้นขนาดคอลัมน์ มีไว้วางข้างข้อความในบล็อกสองคอลัมน์บนหน้าการตลาด เลือกสำหรับคลิปฟีเจอร์ที่ฝังในหน้า

**[Guizang Product Video Skill](/skills/guizang-product-video-skill)** โดย op7418 รันใน Claude Code และ Codex และได้ MP4, HTML ที่แก้ได้ และเสียง มันสร้างโปรโมอัปเดตผลิตภัณฑ์จากรีโพซิทอรีโค้ดของผลิตภัณฑ์เอง: อ่านคอมมิตล่าสุด เมานต์คอมโพเนนต์อินเทอร์เฟซจริง ทำสตอรีบอร์ดฉากที่แอนิเมตด้วย GSAP แต่งเพลงและซาวด์เอฟเฟกต์ต้นฉบับ และเรนเดอร์ด้วย React, esbuild, Playwright และ FFmpeg เข้ากับวิดีโอ changelog ที่ทีมเจ้าของโค้ดเป็นคนทำ

**[Appshot](/skills/appshot)** โดย trunghaiy รันใน Claude Code และ Codex และได้ MP4 มันสร้างวิดีโอพรีวิวและภาพหน้าจอของ App Store กับ Google Play จากคอนฟิกูเรชัน TypeScript บน Remotion, React และ Tailwind และส่งมาเป็นชุดสี่สกิล ใช้เมื่อปลายทางเป็นหน้าร้าน

### บันทึกเรื่องสกิลออกแบบอย่าง Taste Skill

สกิลยอดนิยมบางตัวไม่ใช่สกิลวิดีโอ แต่ช่วยให้สิ่งที่เอเจนต์สร้างดูดีขึ้น Taste Skill ที่ Leonxlnx เผยแพร่บน GitHub ภายใต้สัญญาอนุญาต MIT เป็นชุด Agent Skills สำหรับปรับปรุงอินเทอร์เฟซที่ AI สร้าง: เลย์เอาต์ ตัวพิมพ์ การเคลื่อนไหว และระยะห่าง ไม่มีเนื้อหาวิดีโอ จึงถือเป็นตัวคู่ ถ้าวิดีโอของคุณโชว์อินเทอร์เฟซที่เอเจนต์ออกแบบ สกิลออกแบบยกระดับคุณภาพของหน้าจอก่อนที่สกิลวิดีโอจะแอนิเมตได้ รีโพซิทอรีอยู่ในแหล่งที่มา อ่าน `SKILL.md` ของมันก่อน เช่นเดียวกับสกิลทุกตัว

## รอบแรก: จากสกิลถึงวิดีโอที่เรนเดอร์แล้ว

ขั้นตอนเหมือนกันสำหรับสกิลส่วนใหญ่ในรายการนี้

1. **ติดตั้งฐาน** เพิ่มสกิล Remotion อย่างเป็นทางการด้วย `npx skills add remotion-dev/skills` ถ้าสกิลใช้ Remotion และตรวจว่าติดตั้ง Node.js แล้ว สกิลบางตัวยังต้องการ FFmpeg หรือเบราว์เซอร์ ซึ่งหน้าสกิลหรือ `SKILL.md` ระบุไว้
2. **ติดตั้งสกิล** คัดลอกพรอมต์ติดตั้งจากหน้า Potto ลงในเอเจนต์ หรือวางโฟลเดอร์ที่แตกแล้วใน `~/.claude/skills/`
3. **ตั้งคีย์ที่ต้องมี** ถ้าหน้าระบุคีย์ใต้ Needs ให้ตั้งในสภาพแวดล้อมของเอเจนต์ก่อนรันสกิล ตามที่หน้าสกิลสั่ง
4. **เขียนบรีฟ** หกรายการเดียวกันใช้ได้กับทุกสกิล: จุดประสงค์ ผู้ชม จะเล่นที่ไหนและนานเท่าใด ข้อเท็จจริงที่ต้องปรากฏ ลำดับไอเดีย และเฟรมสุดท้าย บรีฟใน [ทางเลือกของ Claude Motion](/blog/claude-motion-alternative) อธิบายแต่ละรายการ
5. **รันสกิลแล้วตรวจ** เรียกด้วยชื่อ อ่านสตอรีบอร์ดที่เอเจนต์เสนอให้ก่อนที่มันจะเขียนโค้ด แล้วอนุมัติหรือแก้ จากนั้นพรีวิวโปรเจกต์และเรนเดอร์

บรีฟที่ใช้ข้ามสกิลเปิดตัวได้มีลักษณะแบบนี้:

```
Use the product-launch-video skill. Make a 30-second landscape launch video for a budgeting app. Audience: freelancers. Three features in this order: invoice reminders, expense tagging, tax summary. Facts that must appear: "12,000 freelancers" and "free for the first 3 invoices". Close on the app name and the line "Get paid on time". Show the storyboard before writing code.
```

บรีฟให้ความยาว อัตราส่วน ผู้ชม ลำดับ และตัวเลขที่ตรงเป๊ะ สกิลช่วยโครงสร้างและฝีมือ แต่รู้ข้อเท็จจริงที่คุณไม่ได้ให้ไม่ได้

## สิ่งที่สกิลไม่ทำ

- **พวกมันไม่เรนเดอร์บนคลาวด์** เอเจนต์สร้างโปรเจกต์บนคอมพิวเตอร์ของคุณ และการเรนเดอร์เกิดที่นั่น โดยใช้รันไทม์ที่สกิลระบุ
- **พวกมันไม่รับประกันคุณภาพ** ผลลัพธ์ขึ้นกับโมเดลที่คุณรัน ผู้เขียนสกิล และบรีฟของคุณ
- **ค่าใช้จ่ายเท่ากับค่าเอเจนต์ของคุณ** Potto ไม่เรียกเก็บเงินสำหรับสกิล แต่แผนเอเจนต์หรือการใช้ API ของคุณยังมีผล และคีย์บรรยายที่สกิลต้องการก็เช่นกัน
- **พวกมันทิ้งโปรเจกต์ให้คุณดูแล** นั่นเป็นประโยชน์ถ้าคุณต้องการซอร์ส และเป็นภาระถ้าคุณต้องการวิดีโอที่เสร็จแล้วชิ้นเดียว

ถ้าอยากเห็นว่างานแบบนี้หน้าตาเป็นอย่างไร ดูแกลเลอรี [วิดีโอ motion graphics](/videos) บน Potto ชิ้นงานเหล่านั้นทำโดยครีเอเตอร์อิสระด้วยเครื่องมืออย่าง Claude Opus 5.5 แต่ละชิ้นให้เครดิตผู้เขียนต้นฉบับ และไม่มีชิ้นใดที่ Potto สร้าง

## ถ้าคุณไม่ต้องการเอเจนต์หรือโค้ด

![สกิลเอเจนต์หรือเครื่องมือวิดีโอแบบไม่ต้องเขียนโค้ด เทียบกันข้างกัน](https://potto.ai/blog/claude-code-skills-for-video/th/skill-or-no-code-video-tool.webp#1200x800)

สกิลเหมาะกับคนที่ทำงานในเทอร์มินัลหรือตัวแก้ไขโค้ดอยู่แล้ว และอยากเป็นเจ้าของโปรเจกต์ ถ้าคุณต้องการแค่วิดีโอที่เสร็จแล้ว ทางที่ไม่ใช้โค้ดง่ายกว่า และ Potto มีทางนี้อยู่ข้างคลังสกิล นี่เป็นผลิตภัณฑ์คนละตัวจากสกิลด้านบน และไม่ได้ใช้สกิลเหล่านั้น

Potto เป็น [เครื่องมือสร้างวิดีโอ AI](/ai-video-generator) สำหรับ motion graphics ที่มีเสียงบรรยาย คุณอธิบายวิดีโอ วางลิงก์เว็บสาธารณะ หรือแนบเอกสาร แล้ว Potto สร้างสตอรีบอร์ดที่แก้ได้ก่อนจะส่งออกอะไร Claude Opus 5.5 เขียนโครง สตอรีบอร์ดทีละฉาก และบทบรรยาย และ Potto เรนเดอร์วิดีโอด้วยคอมโพเนนต์ฉาก Remotion ของตัวเอง คุณไม่ต้องเขียนหรือเห็นโค้ด หน้า [วิดีโอ Claude](/claude-video) อธิบายความสัมพันธ์นั้นทำงานอย่างไร และ [AI motion graphics](/ai-motion-graphics) เป็นหน้าที่เริ่มวิดีโอจากคำอธิบายได้

สิ่งที่ได้:

- **ฉากสิบเอ็ดแบบ** (hook, ชื่อเรื่อง, ภาพหน้าจอ, ฟีเจอร์, รายการ, สถิติ, เปรียบเทียบ, แผนภูมิ, ภาพประกอบ, คำพูด และคำกระตุ้นปิดท้าย) และ **สไตล์ในตัว 12 แบบ** พร้อมชุดแบรนด์สำหรับสี ฟอนต์ และโลโก้ของคุณ
- **บรรยาย 32 ภาษา** หรือตรวจจับภาษาอัตโนมัติ คำบรรยายแสดงทีละประโยค และเพลงประกอบต้นฉบับจากคลังเพลงของ Potto
- **ความยาว** 15, 30, 45, 60 หรือ 90 วินาที ส่งออกเป็น MP4 1080p ที่ 30 เฟรมต่อวินาที ใน 16:9, 9:16 หรือ 1:1
- **อินพุต** เป็นคำอธิบาย ลิงก์สาธารณะ หรือเอกสาร (PDF, PPTX หรือ DOCX ไฟล์ละไม่เกิน 20 MB ไม่เกิน 8 ไฟล์แนบ) รวมภาพเช่นภาพหน้าจอผลิตภัณฑ์ หน้า [วิดีโอสาธิตผลิตภัณฑ์](/product-demo-video) เปลี่ยนภาพหน้าจอเป็นฉาก

การสร้างและพรีวิวในเบราว์เซอร์ไม่ใช้เครดิต มีเพียงการส่งออกที่ใช้ และราคาปัจจุบันอยู่ที่หน้า [ราคา](/pricing)

สิ่งที่มันไม่ทำ: ไม่ให้โค้ดเบื้องหลังวิดีโอ ไม่สร้างฟุตเทจที่ถ่ายหรือพิธีกรดิจิทัล ไม่ตัดต่อวิดีโอที่คุณมีอยู่แล้ว และไม่มี API สาธารณะ ถ้าคุณต้องการซอร์สโค้ด สไตล์ภาพเฉพาะ หรือไปป์ไลน์อัตโนมัติ ให้ใช้สกิล ถ้าคุณต้องการ explainer หรือวิดีโอเปิดตัวที่มีเสียงบรรยายจากวัตถุดิบที่มีอยู่ และไม่มีโค้ดเบสให้ดูแล ให้ใช้ Potto คู่มือนี้ไม่จัดอันดับทั้งสอง พวกมันตอบคนละความต้องการ

## คำถามที่พบบ่อย

### สกิล Claude Code สำหรับวิดีโอคืออะไร?

สกิล Claude Code สำหรับวิดีโอคือโฟลเดอร์ที่มีไฟล์ `SKILL.md` และบางครั้งมีสคริปต์ สอนเอเจนต์เขียนโค้ดให้สร้างวิดีโอชนิดหนึ่ง เช่น ภาพยนตร์เปิดตัว Remotion หรือ explainer แบบวาดมือ Claude โหลดสกิลเมื่อคำขอของคุณตรงกับคำอธิบาย หรือเมื่อคุณพิมพ์ `/skill-name` เอเจนต์ยังเขียนและเรนเดอร์โปรเจกต์บนคอมพิวเตอร์ของคุณ

### ติดตั้งสกิล Claude Code อย่างไร?

วางโฟลเดอร์ของสกิลที่มี `SKILL.md` อยู่ข้างในที่ `~/.claude/skills/<skill-name>/` สำหรับทุกโปรเจกต์ หรือ `.claude/skills/<skill-name>/` สำหรับรีโพซิทอรีเดียว บน Potto ลงชื่อเข้าใช้แล้วใช้ Copy install prompt ให้เอเจนต์ทำให้ หรือดาวน์โหลด ZIP Claude Code รับการเปลี่ยนแปลงระหว่างเซสชัน และ `/reload-skills` ครอบคลุมไดเรกทอรีสกิลระดับบนสุดใหม่

### สกิลบน Potto ฟรีหรือไม่?

ใช่ สกิลทุกตัวบน Potto ฟรี: ลงชื่อเข้าใช้ แล้วคัดลอกพรอมต์ติดตั้งหรือดาวน์โหลด ZIP Potto ไม่เรียกเก็บเงินสำหรับสกิลเหล่านี้ สกิลรันในเอเจนต์ของคุณด้วยโมเดลของคุณ ดังนั้นแผนเอเจนต์หรือการใช้ API ยังมีผล และสกิลที่ระบุคีย์ใต้ Needs เช่นคีย์บรรยาย จะใช้บัญชีที่คุณถือกับผู้ให้บริการนั้น

### ใครเป็นคนเขียนสกิล และ Anthropic เป็นผู้สร้างหรือไม่?

สกิลเขียนโดยผู้เขียนอิสระ และแต่ละหน้าระบุชื่อผู้เขียน ไม่ได้สร้างโดย Anthropic และ Potto ไม่มีความสัมพันธ์อย่างเป็นทางการกับ Anthropic Potto เป็นผู้รวบรวมและเสนอให้ใช้ เพราะเป็นโค้ดบุคคลที่สาม ให้เปิด `SKILL.md` และสคริปต์ใด ๆ ก่อนรัน ตามที่เอกสารของ Anthropic แนะนำสำหรับสกิลจากแหล่งที่คุณไม่ได้สร้างเอง

### วิดีโอเปิดตัวผลิตภัณฑ์ควรเริ่มจากสกิล Claude Code ตัวไหน?

เริ่มที่ Product Launch Video Skill ถ้าคุณต้องการภาพยนตร์เปิดตัว Remotion จากบรีฟ เพราะไม่ต้องมีคีย์เพิ่มและรันใน Claude Code เลือก Remotion Ad Video Skill ถ้าเริ่มจากแลนดิงเพจหรือหน้าร้าน และ Guizang Product Video Skill ถ้าวิดีโอควรใช้อินเทอร์เฟซจริงของผลิตภัณฑ์จากรีโพซิทอรีของคุณ

### Potto เหมือนกับ Claude Code หรือไม่?

ไม่ Claude Code คือเอเจนต์เขียนโค้ดของ Anthropic Potto เป็นผลิตภัณฑ์อิสระที่ไม่มีความสัมพันธ์อย่างเป็นทางการกับ Anthropic Potto มีคลังสกิลบุคคลที่สามฟรีที่รันในเอเจนต์ของคุณ และยังมีเครื่องมือสร้างวิดีโอของตัวเองที่ใช้ Claude Opus 5.5 เขียนโครง สตอรีบอร์ด และบทบรรยาย และใช้ Remotion เรนเดอร์ MP4

## แหล่งที่มา

แหล่งที่มาทั้งหมดตรวจเมื่อ 2026-10-12

- Anthropic, เอกสาร Claude Code, [Extend Claude with skills](https://code.claude.com/docs/en/skills) ใช้สำหรับนิยามของสกิล ที่เก็บสกิล การเรียกอัตโนมัติและการเรียกด้วย `/skill-name`, `/reload-skills`, ไฟล์สนับสนุน และบันทึกว่าสกิล Claude Code ตามมาตรฐาน Agent Skills
- Anthropic, [Agent Skills overview](https://platform.claude.com/docs/en/agents-and-tools/agent-skills/overview) ใช้สำหรับ progressive disclosure (ข้อมูลเมตา คำสั่ง ทรัพยากร) โครงสร้าง `SKILL.md` และคำแนะนำด้านความปลอดภัยให้ใช้สกิลจากแหล่งที่เชื่อถือและตรวจสอบสกิล
- เอกสาร Remotion, [Agent Skills](https://www.remotion.dev/docs/ai/skills) ใช้สำหรับสกิลอย่างเป็นทางการคืออะไร เอเจนต์ที่รองรับ และคำสั่ง `npx skills add remotion-dev/skills`
- Potto, หน้า Skills และหน้ารายละเอียดสกิลที่ลิงก์ด้านบน ใช้สำหรับผู้เขียน เอเจนต์ คีย์ที่ต้องมี ผลลัพธ์ และคำอธิบายของแต่ละสกิล รวมถึงขั้นตอนติดตั้งและดาวน์โหลด รายละเอียดตามที่แสดงเมื่อ 2026-10-12
- GitHub, [Leonxlnx/taste-skill](https://github.com/Leonxlnx/taste-skill) ใช้สำหรับคำอธิบาย Taste Skill ในฐานะ Agent Skills สำหรับปรับปรุงอินเทอร์เฟซที่ AI สร้าง และสำหรับสัญญาอนุญาต MIT