Hồ sơ xin việc tự điền trong 15 giây, mỗi kỹ năng một ô nhịp và được chứng minh ngay trên hình

Tóm tắt: Tờ hồ sơ trắng đập xuống trang tối, từng dòng gõ ra, thanh kỹ năng đầy dần, chữ đổi sáu kiểu font. Mọi thay đổi rơi đúng nhịp 128 BPM.

Prompt xin video chuyển động 15 giây bằng code: 1920x1080, 60 khung mỗi giây, một file HTML vẽ mọi khung qua một hàm seek(t), xuất bằng Playwright và ffmpeg, nhạc tự tổng hợp ở 128 BPM. Ý tưởng: một tờ hồ sơ trắng tự điền, mỗi ô nhịp một kỹ năng, và mỗi kỹ năng được chứng minh trên màn hình trước khi đánh dấu. Kết thúc khi tờ hồ sơ quay lại, đã điền đủ, có nhân vật pixel trong ô ảnh.

Vì sao nhiều người dừng lại xem?

Kịch bản dùng mũi tên nối từng cảnh nên rất dễ đọc. Ý "chứng minh trước khi đánh dấu" làm video có lý do để chuyển cảnh: nói biết typography thì đổi sáu font, nói biết 3D thì cho chữ 3D lao ra. Luật cuối, "không nhãn góc, không số HUD giả", là chi tiết người làm motion hay quên.

Cách dùng với Claude Opus 5.5

Prompt này cần Claude Code để chạy lệnh, dựng file và xuất video. Thay năm kỹ năng bằng kỹ năng của bạn và cách chứng minh từng cái. Video này hợp làm phần mở đầu cho portfolio.

Prompt

Prompt gốc của tác giả:

Make a 15s motion video in code (1920x1080, 60fps, one HTML file drawing every frame from a single seek(t) function, rendered with Playwright + ffmpeg, original synthesized sound at 128 BPM).
Idea: a blank résumé fills itself in, one skill per bar, and every skill gets proved on screen before it's ticked.
Story: a paper résumé slams onto a dark page and its rows type in (skills, type, systems, depth, data) → the camera pushes into the orange bullet until it floods the frame → five skill meters fill, each on a different curve → one word swings from thin to black on the beat, then flips through six typefaces → a dot grid ripples and resolves into a pixel mascot → a square tunnel flies at the camera and an extruded "3D" slams out → bars trace a spring curve while a counter lands on the reel's real frame count → "EVERY FRAME ON THE BEAT." one word per beat → the résumé comes back, filled in, mascot in the photo box.
Rules: one orange accent carries every transition; springs, never linear; every state change sits on the beat; no corner labels, no fake HUD numbers.

Prompt by @_koushikde_, via Skillry / awesome-opus5-5-videos (MIT)

Câu hỏi thường gặp

Prompt này tạo ra cái gì?

Prompt xin video chuyển động 15 giây bằng code: 1920x1080, 60 khung mỗi giây, một file HTML vẽ mọi khung qua một hàm seek(t), xuất bằng Playwright và ffmpeg, nhạc tự tổng hợp ở 128 BPM.

Vì sao video giải thích này phải chạy trên máy, không chạy trong trình duyệt?

Bài này không gói gọn trong một file HTML: Claude cần tự chạy lệnh, tìm web hoặc điều khiển trình duyệt. Bạn cần để Claude chạy được lệnh trên máy, ví dụ Claude Code mở trong một thư mục trống. 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 video giải thích này thành phiên bản của riêng bạn thì đổi chỗ nào?

Được. Prompt là của @_koushikde_, mình lấy qua Skillry và bộ awesome-opus5-5-videos (giấy phép MIT). Chỗ nên đổi trước là khái niệm cần giải thích, giọng đọc và số cảnh. Khi chia sẻ lại, bạn ghi nguồn @_koushikde_ là đủ.

Previous
Previous

"Escape the Orbit": phim chữ chuyển động 20 giây từ bài diễn văn lên Mặt Trăng của Kennedy

Next
Next

Demo demoscene 37 giây: quả cầu chrome thành fractal theo từng nhịp, một cảnh liền không cắt