Buổi học Khóa AI Agent & Vibe Coding · Dựng video

Tạo và edit video chỉ bằng cách nói chuyện với Claude Code

Bí mật nằm ở một cú lật đơn giản: HyperFrames biến video thành một trang web, tức là thành chữ. Mà chữ thì Claude viết được, máy dựng lại y hệt được, và bạn mở ra sửa được từng chi tiết. Không kéo thả, không phần mềm dựng phim, không cần biết một dòng code nào.

Bức tranh lớn

Ba người cùng làm một video: bạn ra ý, Claude viết, HyperFrames quay

🎬
Bạn

Đạo diễn

Nói mình muốn video gì, bằng lời bình thường.

→
✍️
Claude Code

Thư ký

Nghe xong, viết ra một trang web mô tả video đó.

→
🎥
HyperFrames

Máy quay

Chụp trang web ấy lại thành một đoạn phim.

🎞️ Video = 🌐 một trang web biết chuyển động = 📝 chữ
01 Nó làm được những gì

Tạo video mới, và chỉnh sửa video có sẵn

Không chỉ là một kiểu video. Cùng một cách làm, bạn dựng được nhiều thứ khác nhau.

✨

Tạo mới từ một ý tưởng

Đưa một chủ đề, một đường link website, một bài viết, hay một bản nhạc. Claude dựng thành video, thêm được cả giọng đọc.

✂️

Chỉnh video có sẵn

Video bạn nói trước camera thì thêm đồ họa, phụ đề, chữ chạy theo lời. Video dài thì cắt, ghép, chèn hiệu ứng chuyển cảnh.

📱

Một nội dung, nhiều khổ

Cùng một video xuất ra dọc cho TikTok, vuông cho Instagram, ngang cho YouTube. Không phải dựng lại từ đầu ba lần.

Tất cả đều miễn phí ở phần công cụ. Máy tính của bạn tự dựng ra video, không gửi lên dịch vụ trả tiền nào.

02 Cài đặt

Cài một lần, dùng cho mọi buổi sau

Bạn không tự tải, không tự lắp gì cả. Bảo Claude Code cài trọn bộ vào máy một lần, từ đó buổi nào cũng có sẵn.

Bạn nói với Claude Code
›

Cài giúp mình HyperFrames CLI và tất cả các skill kèm theo từ kho github.com/heygen-com/hyperframes, dùng chung cho mọi dự án về sau.

Claude tự tải về và lắp đặt mọi thứ vào một chỗ dùng chung. HyperFrames CLI là bộ lệnh để máy dựng video (CLI là công cụ điều khiển bằng dòng lệnh), còn skill là các bản hướng dẫn dạy Claude làm từng loại video. Làm đúng một lần này thôi, những buổi sau mở dự án mới là đã có sẵn.

🟢

Node.js

Môi trường để HyperFrames chạy được trên máy. Cần bản 22 trở lên.

Node.js >= 22
🎞️

FFmpeg

Công cụ ghép các khung hình và âm thanh lại thành file video.

FFmpeg
🎙️

Giọng đọc tiếng Việt (tùy chọn)

Video cần lời đọc tiếng Việt thì nhờ Claude cài thêm một model đọc chữ thành giọng nói (TTS, text-to-speech). Một cái tên để bạn gọi: VieNeu-TTS-v3-Turbo

Hai thứ đầu là bắt buộc. Máy chưa có thì Claude sẽ xin phép cài thêm, cứ đồng ý.

03 Nguyên lý 1

Video là một trang web

Bóc một video ra, bên trong chỉ có: vài dòng chữ, mấy tấm hình, một chút màu, một ít chuyển động. Đó đúng là một trang web.

Cái Claude viết ra · một trang
máy quay chụp lại
🎥
Cái bạn nhận được · một video

Điều hay nằm ở đây: trình duyệt vẽ được cái gì thì máy quay chụp lại được cái đó. Không có định dạng bí ẩn, không có phần mềm dựng phim riêng biệt. Chỉ là một trang web biết chuyển động, và một cái máy chụp lại từng khung hình của nó. Mà trang web thì AI viết được, nên Claude mới làm thay bạn được.

04 Trái tim

Vòng lặp của Claude Code

Vì video chỉ là một trang web, Claude làm được cả một vòng khép kín mà bạn gần như không phải đụng tay.

Một lượt làm việc
1
🗣️

Nói

Bạn ra đề bằng lời bình thường.

›
2
✍️

Viết

Claude viết trang web mô tả video.

›
3
🔎

Soi

Claude tự dò lỗi trên trang.

›
4
🎥

Dựng

HyperFrames chụp ra video thật.

›
5
🛠️

Tự sửa

Chỗ nào chưa ổn, sửa đúng chỗ rồi dựng lại.

Bước 5 quay lại bước 2, lặp cho tới khi ổn - Claude tự làm, không cần bạn nhắc.

Con người lo phần ý tưởng. Máy lo phần lặp đi lặp lại. Một trang giống nhau thì dựng ra video giống nhau, nên Claude dựng thử rồi tự xem lại được, chắc ăn mới đưa bạn. Bạn chỉ quay lại khi có ý mới hoặc muốn chỉnh cho hợp gu mình hơn.

05 Bạn vẫn nắm quyền

Không phải hộp đen, mà là hộp kính

Điều quý nhất: Claude không giấu cách nó làm. Mỗi bước, nó để lại một tờ giấy bạn mở ra đọc được, và chỉnh được đúng một chỗ mà không đụng phần còn lại.

📁 Dự án video của bạn
💡
Ý tưởng

video nói về gì, cho ai

🎞️
Kịch bản

từng cảnh diễn ra sao

🎙️
Lời thoại

câu chữ đọc lên

🎨
Phong cách

màu sắc, phông chữ

🎬
Cảnh số 3

← sửa đúng cái này

🎬
Các cảnh khác

giữ nguyên

Một cảnh chưa ưng? Bạn không phải làm lại cả video. Cứ nói đúng cảnh đó, Claude nhắm mỗi cảnh đó mà sửa rồi dựng lại, phần còn lại giữ nguyên.

Bạn nói với Claude Code
›

Cảnh thứ 3 hơi nhanh, cho chậm lại và đổi câu chữ thành "..." giúp mình.

06 Bộ đồ nghề

Mỗi loại video có một skill riêng

HyperFrames đi kèm nhiều skill, và bạn đã cài sẵn tất cả từ đầu. Không cần nhớ tên chúng. Cứ nói loại video mình muốn, skill điều phối /hyperframes sẽ hiểu yêu cầu rồi chọn đúng skill để làm.

🚀

Video giới thiệu sản phẩm

Quảng bá sản phẩm, website, ứng dụng, tính năng mới. Tour một website cũng dùng skill này.

/product-launch-video
💡

Giải thích một chủ đề

Video kiến thức không cần người dẫn: chữ, biểu đồ, hình minh họa và chuyển động.

/faceless-explainer
🎤

Biên tập lại video có người nói

Video nói trước camera thành bản edit có đồ họa, nhịp dựng và cách trình bày tốt hơn.

/talking-head-recut
💬

Thêm phụ đề động

Phụ đề bám theo lời, nhấn mạnh những từ quan trọng trên video người nói.

/embedded-captions
⚡

Đồ họa chuyển động

Chữ chuyển động (kinetic typography), biểu đồ động, infographic, logo động.

/motion-graphics
🎵

Video ăn theo nhạc

Hình ảnh và chuyển động đồng bộ với nhịp của một bản nhạc.

/music-to-video
🖼️

Slide trình bày

Chuyển nội dung thành chuỗi slide hoặc bài trình bày có thiết kế.

/slideshow
🔀

Video từ một Pull Request

Biến một Pull Request trên GitHub (một gói thay đổi code) thành video giới thiệu thay đổi của phần mềm.

/pr-to-video
♻️

Chuyển từ Remotion sang

Đưa dự án video viết bằng Remotion về HyperFrames.

/remotion-to-hyperframes
🧰

Video tổng quát

Yêu cầu không thuộc loại nào ở trên thì skill này lo.

/general-video
⚙️

Phía sau còn một nhóm skill nền tảng

Nhóm này lo phần kỹ thuật: cấu trúc dự án, chuyển động, thiết kế hình ảnh, âm thanh, keyframe (mốc chuyển động), xem trước và render, tài nguyên dùng lại, hình ảnh và âm thanh đầu vào, đưa thiết kế từ Figma vào. Claude tự gọi khi cần.

hyperframeshyperframes-corehyperframes-animationhyperframes-creativehyperframes-audiohyperframes-keyframeshyperframes-clihyperframes-registryhyperframes-studiomedia-usefigma

Bạn đã cài trọn bộ từ đầu, nên Claude cứ thế chọn skill đúng mà dùng. Lỡ có skill mới chưa có trên máy, Claude sẽ tự đề xuất tải thêm.

07 Phong cách video

Gọi đúng tên phong cách, video ra đúng chất

Skill quyết định loại video. Phong cách quyết định nó trông ra sao. Thêm tên phong cách vào lời yêu cầu là Claude biết phải dựng theo hướng nào.

🔤

Kinetic Typography

Lấy chữ chuyển động làm chủ đạo. Chữ bay, xoay, phóng to, thu nhỏ theo lời thoại hoặc âm nhạc.

✏️

Whiteboard Drawing

Mô phỏng bàn tay vẽ hình và viết chữ trên bảng trắng, giải thích kiến thức từng bước.

🧊

Isometric Workflow

Mô phỏng quy trình, hệ thống dưới góc nhìn 3D giả lập, với các khối, nhân vật, thiết bị kết nối và chuyển động.

📲

App Walkthrough

Giới thiệu và hướng dẫn dùng ứng dụng: mô phỏng thao tác nhấp chuột, cuộn trang, chuyển màn hình.

📰

Paper Collage

Phong cách cắt dán giấy: hình ảnh, chữ, báo chí và các lớp giấy chuyển động như stop-motion.

🕺

Stick Figure

Hoạt hình người que. Nhân vật đơn giản để kể chuyện, diễn tình huống, giải thích kiến thức hoặc gây cười.

🎨

2D Animated Film

Phim hoạt hình 2D có nhân vật, bối cảnh, biểu cảm và cốt truyện, giống hoạt hình vẽ tay hiện đại.

🧸

Animated Film

Phim hoạt hình điện ảnh, thường thiên về 3D: nhân vật sống động, ánh sáng, góc máy, diễn xuất.

🎬

Cinematic Animation

Hoạt hình mang phong cách điện ảnh, đặt trải nghiệm như xem phim lên hàng đầu.

Đây mới là vài phong cách để bắt đầu, còn rất nhiều kiểu khác. Riêng hoạt hình đã có Anime, Cartoon, Motion Comic / Webtoon, Stop Motion. Muốn tìm thêm ý tưởng, xem hai bộ sưu tập video kèm sẵn prompt bên dưới.

08 Luyện tập

Nói sao cho Claude hiểu đúng ý

Một lời yêu cầu tốt cho video luôn có đủ ba phần. Thiếu phần nào, video sẽ lơ mơ ở đúng phần đó.

01

Nguồn

Video nói về cái gì? Một chủ đề, một đường link website, hay một kịch bản.

02

Độ dài

Mấy giây? "8 giây", "15 giây", "30 giây", "một phút". Càng dài thì dựng càng lâu và càng tốn token, nên khi tập cứ để ngắn.

03

Cảm giác

Vibe ra sao? "Mạnh mẽ, điện ảnh, nền tối", hay "sạch sẽ, tối giản, ấm áp".

Ví dụ đủ ba phần
›

Tạo giúp mình video 25 giây giới thiệu sản phẩm từ trang web abc.com. Tông mạnh, điện ảnh, nền tối.

Giờ thử bốn bài theo cấp độ. Cứ mở Claude Code lên và gõ, rồi xem nó dựng.

Cấp 1 · Làm quen

Một ý tưởng đơn giản thành video ngắn

Bạn nói với Claude Code
›

Tạo giúp mình một video ngang 8 giây giải thích "AI agent là gì" cho người mới, chọn một hình ảnh ẩn dụ động thật dễ hiểu. Ưu tiên dựng nhanh.

Xem thử: làm xong, nói "cho mình xem trước" là Claude mở bản xem thử. Ưng thì bảo "lưu thành video".

Cấp 2 · Thêm chất

Video giải thích có gu, có giọng đọc

Bạn nói với Claude Code
›

Làm một video 30 giây giải thích [chủ đề của bạn]. Đừng làm kiểu bài giảng khô khan. Cho nó cảm giác mở đầu một phim tài liệu: chữ điện ảnh, sơ đồ bí ẩn, một cú hook trong 3 giây đầu, và một ẩn dụ "à, hiểu rồi" ở cuối.

Skill dùng ở đây: Claude Code có thể dùng /faceless-explainer cho việc này (bạn đã cài sẵn); lỡ máy chưa có, nó sẽ đề xuất tải thêm.

Cấp 3 · Edit video thật

Biến video bạn nói thành bản edit có đồ họa

Bạn nói với Claude Code
›

Mình có một video mình nói trước camera. Biến nó thành bản edit có đồ họa: bắt chữ theo lời nói, mỗi ý chính chèn một ẩn dụ hình ảnh, thêm phụ đề và tên hiển thị gọn gàng, giữ nguyên đoạn mình nói bên dưới.

Skill dùng ở đây: /talking-head-recut. Đoạn phim gốc của bạn vẫn chạy nguyên, đồ họa ốp thêm lên trên.

Cấp 4 · Giao trọn một mục tiêu

Đặt đích đến, để Claude tự chạy tới nơi

Bạn nói với Claude Code
›

/goal Tạo cho mình một video theo phong cách Kinetic Typography, giới thiệu [sản phẩm của bạn] qua trang này: [link landing page]. Dùng HyperFrames và skill HyperFrames phù hợp nhất. Không dừng cho tới khi video đạt tiêu chuẩn cao nhất, như của các studio animation hàng đầu. Video dưới 45 giây. Cần rõ bối cảnh hay yêu cầu gì thì cứ hỏi mình.

Lệnh dùng ở đây: /goal là lệnh đặt mục tiêu của Claude Code. Claude tự làm tiếp qua nhiều lượt cho tới khi đạt điều kiện bạn nêu, thay vì dừng lại sau mỗi bước. Đổi tên phong cách là có ngay một bài tập mới.

Bài tập thử thách

Hai bài để tự làm sau buổi học, trên chính nội dung, ý tưởng hay sản phẩm của bạn.

🎨

1. Một sản phẩm trực quan

Dùng Claude Design tạo một sản phẩm trực quan phù hợp: slide, poster, flyer, landing page... Xem hướng dẫn Claude Design

🎬

2. Một video, rồi cho nó tự lên sóng

Dùng Claude Code và HyperFrames tạo một video dài từ 30 giây trở lên. Sau đó cho đăng tự động lên một nền tảng như Fanpage, TikTok, YouTube.

🎯

Nhớ một điều: AI đưa bạn tới khoảng 80%. 20% còn lại là bạn xem lại, chỉ ra chỗ chưa ưng, nhờ chỉnh. Càng dạy Claude gu của mình, lần sau càng đúng ý.

Mang về gì sau buổi này

Cái bạn vừa học không chỉ về video

Nó là một tư duy dùng được ở khắp nơi: biến một thứ khó thành văn bản, để AI làm được và bạn kiểm được. Hôm nay là video. Mai có thể là một bản báo cáo, một trang web, một tài liệu - bất cứ thứ gì đưa được về chữ thì Claude viết được, và bạn vẫn mở ra sửa được từng dòng.

Video = một trang web = chữ Claude tự viết, tự soi, tự dựng, tự sửa Dựng lại lần nào cũng y hệt Hộp kính, không phải hộp đen Skill chọn loại video, phong cách chọn chất Nguồn + độ dài + vibe AI 80%, bạn 20%