Tóm tắt: Móng, khung, hệ thống, vỏ, hoàn thiện. Kèm X-quang, tách lớp, mặt cắt, chế độ chạng vạng, chạy bằng Three.js trên WebGPU.
Prompt mô tả một file HTML chạy Three.js trên WebGPU: ngôi nhà 3D tương tác tự xây qua năm giai đoạn (Móng, Khung, Hệ thống, Vỏ, Hoàn thiện), mỗi bộ phận có khoảng thời gian riêng trên thanh thời gian để tua như video. Có chế độ X-quang làm kết cấu trong suốt và hiện đường nước, điện, nước thải, gió, có bộ lọc cho từng hệ thống; nút tách lớp; mặt cắt; chế độ chạng vạng; cây ô liu vẽ hàng loạt cho nhẹ; chú thích và góc máy đặt sẵn cho từng giai đoạn.
Vì sao nhiều người dừng lại xem?
Prompt viết như bản mô tả sản phẩm: liệt kê từng tính năng bằng mũi tên. Đoạn cuối nói luôn ứng dụng thực tế: chủ đầu tư cho khách xem phía sau bức tường trước khi bức tường tồn tại. Viết rõ ai dùng và để làm gì giúp Claude ưu tiên đúng.
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. WebGPU chạy tốt trên Chrome bản mới. Đổi "traditional hillside villa" thành kiểu nhà bạn muốn (nhà phố ba tầng).
Prompt
Prompt gốc của tác giả:
No plugins, no app, just a single HTML file running Three.js on WebGPU.
It's an interactive 3D house that builds itself in five stages: Foundation → Skeleton → Systems → Envelope → Finished. Every part has its own window on the timeline, so you can scrub through the construction like a video.
What's inside:
→ X-ray mode that makes the structure transparent and shows the water, power, sewage and airflow routes, with filters for each system
→ Explode, to pull the layers apart
→ Cut, a section plane that slices through the building
→ Dusk, a lighting switch to see it at night
→ Instanced vegetation, so a dozen olive trees cost almost nothing to render
→ Callouts and preset cameras for each stage
The subject is a traditional hillside villa, but the format works for any building. A developer could show a buyer exactly what's behind the walls before a single wall exists.Prompt by @MrKindey, 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 mô tả một file HTML chạy Three.js trên WebGPU: ngôi nhà 3D tương tác tự xây qua năm giai đoạn (Móng, Khung, Hệ thống, Vỏ, Hoàn thiện), mỗi bộ phận có khoảng thời gian riêng trên thanh thời gian để tua như video.
Trang tương tác này chạy bằng gì, có cần cài phần mềm không?
Code dùng Three.js, WebGPU, mở là chạy ngay trong trình duyệt. Mình dùng Claude Opus 5.5: dán prompt, bảo Claude gom mọi thứ vào một file HTML, mở bằng Chrome, rồi quay màn hình nếu muốn đăng thành video.
Có được dùng lại prompt của @MrKindey để đăng lên kênh của bạn không?
Được. Prompt là của @MrKindey, 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 @MrKindey là đủ.
