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. Bạn không kéo thả, không mở phần mềm dựng phim, không cần biết code.
Nói mình muốn video gì, bằng lời bình thường.
Nghe xong, viết ra một trang web mô tả video đó.
Chụp trang web ấy lại thành một đoạn phim.
Cùng một cách làm, bạn dựng được nhiều kiểu video khác nhau.
Đư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.
Video bạn nói trước camera thì thêm được đồ họa, phụ đề, chữ chạy theo lời.
Nói rõ khổ mình cần ngay trong lời yêu cầu: ngang cho YouTube, dọc cho TikTok, vuông cho Instagram.
HyperFrames là mã nguồn mở (open source). Video được dựng ngay trên máy tính của bạn.
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.
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.
Môi trường để HyperFrames chạy được trên máy. Cần bản 22 trở lên.
Node.js >= 22Công cụ ghép các khung hình và âm thanh lại thành file video.
FFmpegVideo 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 ý.
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 và một ít chuyển động. Đó cũng chính là những thứ làm nên một trang web, thứ được viết bằng HTML.
Trình duyệt vẽ được cái gì thì máy quay chụp lại được cái đó. HyperFrames mở trang web ấy lên, chụp từng khung hình (frame) rồi ghép lại thành file video. Việc chụp và ghép này gọi là render. Trang web thì AI viết được, nên Claude mới làm thay bạn được.
Vì video chỉ là một trang web, Claude lo được cả một vòng khép kín, bạn gần như không phải đụng tay.
Bạn ra đề bằng lời bình thường.
Claude viết trang web mô tả video.
Claude chạy lệnh dò lỗi (lint) trên trang.
HyperFrames render ra video thật.
Chỗ nào chưa ổn, sửa đúng chỗ rồi dựng lại.
Bạn lo ý tưởng. Máy lo phần lặp đi lặp lại. Cùng một trang thì lần nào dựng cũng ra đúng video đó, nên Claude dựng thử, tự xem lại, chắc rồi 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.
Dự án video không phải hộp đen mà là hộp kính. Claude để từng phần của video thành những file riêng, bạn mở ra đọc được và nhờ sửa được.
brief · nói về gì, cho ai
storyboard · từng cảnh ra sao
voiceover · câu chữ đọc lên
màu sắc, phông chữ
← sửa đúng cái này
giữ nguyên
Một cảnh chưa ưng thì cứ nói đúng cảnh đó. Claude sửa riêng cảnh ấy rồi dựng lại, phần còn lại giữ nguyên.
Cảnh thứ 3 hơi nhanh, cho chậm lại và đổi câu chữ thành "..." giúp mình.
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.
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-videoVideo 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-explainerVideo 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-recutPhụ đề bám theo lời, nhấn mạnh những từ quan trọng trên video người nói.
/embedded-captionsChữ chuyển động (kinetic typography), biểu đồ động, infographic, logo động.
/motion-graphicsHình ảnh và chuyển động đồng bộ với nhịp của một bản nhạc.
/music-to-videoChuyển nội dung thành chuỗi slide hoặc bài trình bày có thiết kế.
/slideshowBiế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Đưa dự án video viết bằng Remotion về HyperFrames.
/remotion-to-hyperframesYêu cầu không thuộc loại nào ở trên thì skill này lo.
/general-videoNhó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-usefigmaBạ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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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 lời yêu cầu (prompt) bên dưới.
Một prompt tốt cho video có đủ ba phần. Thiếu phần nào, video sẽ lơ mơ ở đúng phần đó.
Video nói về cái gì: một chủ đề, một đường link website hay một kịch bản.
Mấy giây? Càng dài thì dựng càng lâu và càng tốn token (đơn vị tính lượng AI bạn dùng), nên lúc tập cứ để ngắn.
Vibe ra sao: "mạnh mẽ, điện ảnh, nền tối" hay "sạch sẽ, tối giản, ấm áp".
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 độ. Mở Claude Code lên, gõ, rồi xem nó dựng.
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.
Nghiệm thu: bảo Claude mở bản xem trước (preview) rồi tự xem từ đầu tới cuối. Ưng thì bảo xuất ra file video.
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: thường là /faceless-explainer. Bạn không cần gọi tên, Claude tự chọn.
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.
/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.
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.
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
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.
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 và nhờ chỉnh. Càng nói rõ gu của mình, lần sau càng đúng ý.
Gặp các chữ này trong lúc làm việc với Claude Code thì bạn đã biết nó nói gì.
prompt Lời yêu cầu bạn gõ cho AI.skill Bản hướng dẫn cài sẵn, dạy Claude làm một loại việc cụ thể.HTML Ngôn ngữ dùng để viết trang web.frame Khung hình. Video là rất nhiều khung hình chiếu nối tiếp nhau.render Dựng trang web thành file video hoàn chỉnh.preview Bản xem trước, mở ra xem được trước khi render.lint Lệnh dò lỗi trong dự án trước khi dựng.storyboard Kịch bản phân cảnh, ghi từng cảnh diễn ra sao.CLI Công cụ điều khiển bằng dòng lệnh thay vì bấm nút.TTS Text-to-speech, công nghệ đọc chữ thành giọng nói.open source Mã nguồn mở, phần mềm công khai mã nguồn cho mọi người cùng dùng.token Đơn vị tính lượng AI bạn dùng. Việc càng dài càng tốn token.Đây là một cách nghĩ dùng được ở khắp nơi: đưa một việc khó về dạng chữ, để 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. 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.