Tóm tắt: Claude chụp lại từng trang thật trên web cá nhân, đặt vào khung trình duyệt và điện thoại, rồi cắt theo nhịp nhạc 120 BPM.
Tác giả là kỹ sư developer relations, muốn một video kiểu showreel dài 90 tới 100 giây cho trang portfolio. Claude phải chụp các trang thật (trang chủ, trang hỏi đáp, trang thuê, bản di động, chế độ tối) và làm chúng chuyển động trong khung trình duyệt và điện thoại. Khung chat trên web trả lời câu hỏi thật, chữ to đậm. Video kết ở trang web và email liên hệ.
Vì sao nhiều người dừng lại xem?
Prompt cấm bịa: chỉ dùng sự thật và con số có trên trang. Quy tắc thương hiệu cũng rõ: ba màu, font của chính trang, mỗi cảnh một ý, chuyển cảnh mềm. Remotion là thư viện làm video bằng code React, nên kết quả chỉnh sửa lại được.
Cách dùng với Claude Opus 5.5
Prompt này cần Claude đọc được một trang web hoặc một kho code thật, nên bạn dùng Claude Code (chọn Opus 5.5), có sẵn Node.js, ffmpeg và quyền truy cập mạng. Mở Claude Code trong thư mục dự án, dán prompt, để Claude tự chụp trang, dựng cảnh và render. Thay địa chỉ trang bằng trang của bạn và sửa danh sách các trang cần chụp.
Prompt
Prompt gốc của tác giả, mình chỉ nối lại link bị ngắt dòng:
Make a showreel-style motion graphics video for my portfolio website, http://sholajegede.com, using Remotion. It should show what I do as a developer relations engineer, like a showreel for my résumé.- Use as much of the real website as possible: capture the pages and sections in a browser (home, Ask, package pages, Hire, mobile view, dark mode) and animate them inside browser and phone frames.- Show the site's chat answering real questions about my work, with the questions and answers large and bold. Use only facts and numbers that are on the site.- Follow premium brand rules: three colours and the site's own fonts, one idea per shot, key objects centred, space to breathe, eased motion only, smooth transitions instead of hard cuts, and a rhythm that speeds up and slows down with the story.- Add music at about 120 BPM (elite, kinetic, sophisticated) and cut every scene on the beat. No extra sound effects.- 1920×1080, about 90 to 100 seconds, ending on the website and my contact email.Prompt by @wani_shola, via Skillry / awesome-opus5-5-videos (MIT)
Câu hỏi thường gặp
Prompt này tạo ra cái gì?
Tác giả là kỹ sư developer relations, muốn một video kiểu showreel dài 90 tới 100 giây cho trang portfolio.
Vì sao showreel cho portfolio cần Node.js, chạy trong trình duyệt có được không?
Bài này không gói gọn trong một file HTML: quy trình dùng Node.js, ffmpeg. Bạn cần để Claude chạy được lệnh trên máy, ví dụ Claude Code mở trong thư mục dự án của bạn, và cài sẵn Node.js nếu máy chưa có. Mình dùng Claude Opus 5.5; Claude tự viết code, tự chạy và xuất ra file video.
Muốn biến showreel cho portfolio thành phiên bản của riêng bạn thì đổi chỗ nào?
Được. Prompt là của @wani_shola, mình lấy qua Skillry và bộ awesome-opus5-5-videos (giấy phép MIT). Chỗ nên đổi trước là tên thương hiệu, câu chữ, màu và thời lượng. Khi chia sẻ lại, bạn ghi nguồn @wani_shola là đủ.