Hatena
Dùng Claude Code để tạo video giải thích cơ chế hoạt động thì cực kỳ tiện lợi
AILần đầu xuất hiện 586 điểm
Bài viết kể về cách dùng Claude Code để tạo video giải thích cách một ứng dụng hoạt động. Video xen kẽ giữa thao tác trên màn hình và phần xử lý bên trong, và được tạo từng khung hình chứ không quay màn hình.
Chuyện gì xảy ra?
Tác giả dùng một kỹ năng (skill) tên animated-arch-diagram trong Claude Code để làm video giải thích. Video đi theo thứ tự: thao tác, cách hoạt động, thao tác, cách hoạt động. Ví dụ là một ứng dụng chat tìm sách giả tưởng của thư viện. Video dài 44 giây.
Cách làm video
Video không được quay màn hình. Một trang web vẽ hình theo thời gian. Công cụ Playwright chụp từng khung hình, rồi ffmpeg ghép chúng thành video. Mọi số liệu lấy từ bản ghi dữ liệu của ứng dụng, nên sửa ứng dụng và chạy lại thì số trong video cũng đổi theo.
Các con số chính
- Video dài 44 giây, gồm 1.314 khung hình
- Thời gian xuất video trên một máy Mac là khoảng 45 giây
- Câu hỏi mẫu: "Tôi muốn đọc tiểu thuyết có mèo"
- Câu hỏi được tách thành 9 từ
- 10 cuốn sách được chấm điểm, điểm cao nhất và thứ hai chênh nhau 1 điểm
Vì sao đáng chú ý?
Cách này giúp giải thích kỹ thuật cho khách hàng dễ hiểu hơn so với sơ đồ tĩnh hay tài liệu chữ. Người làm không cần quay màn hình thật, và video luôn đúng với dữ liệu mới nhất. Tác giả cho rằng Claude giúp việc làm video trở nên dễ hơn nhiều.
Cần theo dõi thêm
- Kỹ năng animated-arch-diagram có được cập nhật thêm không
- Cách làm này có dùng được cho ứng dụng thật, không chỉ ứng dụng mẫu
- Thời gian xuất video khi video dài hoặc nhiều cảnh hơn
Chú giải
- Claude Code
- Công cụ lập trình bằng AI của Anthropic, chạy trong máy tính và làm việc theo lệnh của người dùng.
- Playwright
- Công cụ tự động điều khiển trình duyệt web, dùng để chụp ảnh màn hình.
- ffmpeg
- Phần mềm xử lý video và âm thanh, dùng để ghép các ảnh thành video.
- skill
- Bộ hướng dẫn có sẵn giúp Claude Code làm một việc cụ thể, ví dụ tạo video.