Tóm tắt: Prompt viết như bản đặc tả kỹ thuật: độ phân giải 128x96, bảng 24 màu, nhân vật dựng từ code, vòng lặp đứng yên, tụ phép, phóng phép, hồi lại.
Đây là hoạt hình pixel art một phù thủy niệm phép, chạy trong trình duyệt, một file HTML, không thư viện. Nhân vật cao khoảng 32 điểm ảnh: mũ nhọn hơi gập, râu dài, áo choàng hai tông, gậy có viên ngọc. Vòng lặp có bốn trạng thái: đứng nhún nhẹ, giơ gậy tụ phép với tia lửa xoáy vào, phóng phép kèm rung màn hình 1 đến 2 điểm ảnh, rồi hạ gậy nghỉ.
Vì sao nhiều người dừng lại xem?
Prompt cho thấy cách giữ chất pixel art thật: vẽ ở độ phân giải nhỏ rồi phóng to theo bội số nguyên, mọi điểm ảnh nằm đúng lưới, không làm mềm cạnh, chỉ dùng bảng 24 màu. Chuyển động tính mượt nhưng làm tròn về lưới mỗi khung, nên nhìn giống hoạt hình 8 đến 12 khung hình như game 16-bit ngày xưa. Trong kho Skillry có một bài khác dùng gần như cùng prompt này.
Cách dùng với Claude Opus 5.5
Mở Claude, chọn Opus 5.5, dán prompt bên dưới. Nhắc thêm một câu: "gói tất cả trong một file HTML, không cần cài gì". Lưu đoạn code Claude trả về thành file .html, mở bằng Chrome. Muốn có video để đăng, bạn quay màn hình lúc nó chạy. Prompt gốc dài và nhiều chi tiết kỹ thuật, mình rút gọn bên dưới. Đổi phù thủy thành nhân vật khác (hiệp sĩ, mèo, cô thợ nail) là có cả một bộ sprite cho game nhỏ.
Prompt
Prompt mình viết lại theo ý của tác giả (không phải nguyên văn):
Create a single self-contained HTML file that renders an animated pixel art wizard casting a spell, using vanilla JavaScript and Canvas 2D. No external assets or libraries.Rendering: draw to an offscreen canvas at 128x96, then scale up by the largest whole number that fits the window, with image smoothing off. Every position snaps to the pixel grid. No anti-aliasing, gradients or blur. Fixed palette of about 24 colors.Character: build the wizard from code, about 24x32 pixels: bent pointed hat, long beard, two-shade robe with outline, staff with a gem. Animate pose parameters smoothly, then snap to the grid each frame so it reads like an 8-12 fps sprite.Animation loop: IDLE (small bob, beard sway) -> CHARGE (staff raises, gem flickers, sparks spiral in) -> CAST (burst, projectile flies across, 1-2 pixel screen shake) -> RECOVER. Reuse particles from a preallocated pool.Scene: dark sky, a few twinkling stars, moon, stone floor. A 1px rim light from the gem that brightens on CHARGE and CAST.Quality bar: crisp pixels at any size, seamless loop, stable 60fps. It should look like a polished 16-bit sprite, not scaled-down vector shapes.Prompt by @zacxbt, via Skillry / awesome-opus5-5-videos (MIT)
Câu hỏi thường gặp
Prompt này tạo ra cái gì?
Đây là hoạt hình pixel art một phù thủy niệm phép, chạy trong trình duyệt, một file HTML, không thư viện.
Làm sao để tự chạy trang tương tác này trên máy của bạn?
Chỉ cần Claude Opus 5.5 và Chrome. Bạn dán prompt, xin Claude trả về một file HTML duy nhất, lưu rồi mở lên. Code dùng Canvas, mở là chạy ngay trong trình duyệt. Cần file video thì quay lại màn hình.
Có được dùng lại prompt của @zacxbt để đăng lên kênh của bạn không?
Được. Prompt là của @zacxbt, mình lấy qua Skillry và bộ awesome-opus5-5-videos (giấy phép MIT). Chỗ nên đổi trước là dữ liệu, màu và cách người xem tương tác. Khi chia sẻ lại, bạn ghi nguồn @zacxbt là đủ.