Swarm Rebuild là gì: đàn con trỏ dựng lại trang web trước mắt

Thử hình dung anh chị vừa làm xong trang web giới thiệu sản phẩm và cần khoe với sếp hoặc khách. Mở link ra, kéo lên kéo xuống, ai cũng gật gù "ừ, đẹp", rồi quên luôn sau năm phút. Trang web làm mất ba tuần, phần trình diễn chỉ kéo dài ba mươi giây.

Swarm Rebuild giải quyết đúng khoảnh khắc đó theo một cách rất vui: bấm một phím, trang web biến mất thành tờ giấy trắng, rồi một đàn con trỏ chuột bay vào dựng lại từng khối, gõ lại từng chữ, cho tới khi trang trở lại y như cũ.

Đọc nhanh trong 30 giây

• Swarm Rebuild là extension Chrome của Dhvanil Patel, đăng trên GitHub ở repo swarm-cursors ngày 14/10/2026, bản 1.1.0 ra ngày 15/10/2026.
• Nó chụp cấu trúc trang đang mở, xóa trắng, rồi cho đàn con trỏ dựng lại: kéo khung, gõ chữ, kẻ đường, nhân bản thẻ, kèm âm thanh bàn phím.
• Chưa có trên Chrome Web Store, cài bằng chế độ Developer mode trong 4 bước, bấm Alt+Shift+S để chạy.
• Hợp để quay video giới thiệu web, mở màn buổi thuyết trình, dạy người mới hiểu trang web được ghép từ gì.
• Đánh giá nhanh: rất được chú ý (996 sao) nhưng còn non (2 commit, chưa có giấy phép). Dùng để trình diễn, chưa nên dựa vào lâu dài.

Swarm Rebuild là gì, có phải công cụ AI không?

Swarm Rebuild là một extension Chrome dùng để biến bất kỳ trang web nào thành một màn trình diễn "dựng lại trực tiếp" bởi nhiều con trỏ chuột cùng lúc. Theo README, mỗi con trỏ chạy một đoạn kịch bản nhỏ cho từng việc, nên đây là hoạt họa được lập trình sẵn, không phải AI đang tự thiết kế. Tôi nói rõ điều này vì xem video demo rất dễ tưởng là một đàn agent AI đang làm việc.

Tác giả ghi rõ dự án là lời tri ân Swarm của nhà thiết kế Joel Califa, một trang web tự dựng mình khi người xem cuộn xuống. Phần chuyển động, đàn con trỏ, vật lý bầy đàn là của Joel Califa. Phần Dhvanil Patel thêm vào là khả năng áp màn trình diễn đó lên bất kỳ trang nào, cộng với vỏ extension.

Ví von cho dễ hình dung: giống mấy video tua nhanh công trình xây nhà, móng, cột, sàn mọc lên trong một phút. Người xem không cần biết kỹ thuật vẫn thấy được ngôi nhà gồm những phần nào và ghép theo thứ tự ra sao.

Ảnh động demo: Dhvanil Patel, repo swarm-cursors. Bản đầy đủ có tiếng xem tại video demo 60 giây trên GitHub.

Swarm Rebuild hoạt động thế nào?

Swarm Rebuild chạy qua ba bước: chụp bản vẽ của trang, phủ trắng, rồi cho đàn con trỏ dựng lại theo bản vẽ đó.

Từ trang thật tới tờ giấy trắng rồi trở lại trang thật, tất cả trong trình duyệt.

1. Chụp bản vẽ. File swarm.js đi qua toàn bộ cấu trúc trang đang hiển thị và ghi lại thành một "bản vẽ". Giống kỹ sư đi đo vẽ hiện trạng một căn nhà trước khi cải tạo: phòng nào, cửa nào, kích thước bao nhiêu đều vào bản vẽ.
2. Phủ trắng. Một lớp phủ kín màn hình, cùng màu nền của trang, che trang thật đi. Trước đó extension cuộn nhanh một lượt ẩn để các ảnh tải chậm hiện ra đủ.
3. Dựng lại. Các việc mở khóa từ trên xuống theo nhịp anh chị cuộn. Khối con chờ khối cha dựng xong, bản sao chờ bản gốc.

Mỗi loại thành phần trên trang được dựng bằng một "động tác" riêng, đúng kiểu người làm thiết kế trên Figma:

Khung, chữ, đường kẻ, ảnh, thẻ lặp lại và đường gióng: mỗi thứ một động tác.

Chi tiết nhân bản là phần tôi thích nhất. Giống đổ một khuôn bê tông rồi đúc hàng loạt: dựng kỹ một thẻ sản phẩm, các thẻ còn lại chỉ việc nhân ra và thay nội dung. Người xem tự hiểu vì sao trang web có nhiều thứ trông giống nhau.

Từ bản 1.1.0 có thêm âm thanh, theo README được tổng hợp ngay trong trình duyệt bằng Web Audio API, không dùng file âm thanh: tiếng bàn phím cơ khi gõ chữ, tiếng click khi bấm chuột, vài nốt piano nhẹ khi khối lớn xuất hiện.

Mẹo

Muốn quay video giới thiệu web, bấm nút Tour: trang tự cuộn đúng tốc độ đàn con trỏ theo kịp, anh chị chỉ việc bật phần mềm quay màn hình. Nút 1× / 2× / 3× chỉnh tốc độ dựng cho vừa độ dài video.

Cài Swarm Rebuild vào Chrome trong 4 bước

Swarm Rebuild chưa có trên Chrome Web Store, nên phải cài kiểu "giải nén" từ mã nguồn theo README.

Bốn bước cài, sau đó chỉ cần nhớ Alt+Shift+S.

1. Tải repo về máy, hoặc dùng lệnh:

git clone https://github.com/DhvanilPatel/swarm-cursors.git

2. Mở chrome://extensions, bật Developer mode ở góc trên bên phải.
3. Bấm Load unpacked, chọn thư mục swarm-rebuild bên trong repo.
4. Bấm biểu tượng mảnh ghép trên thanh công cụ, ghim Swarm Rebuild ra ngoài.

Cách dùng rất gọn:

• Bấm biểu tượng hoặc Alt+Shift+S trên trang bất kỳ. Trang mờ đi, đàn con trỏ xoay quanh biểu tượng của trang rồi tỏa ra dựng.
• Cuộn chuột thì đàn con trỏ đuổi theo, cuộn càng nhanh càng nhiều con trỏ nhập cuộc.
• Âm thanh bật sẵn, phím M để tắt. Chrome chặn âm thanh khi trang chưa được bấm lần nào, khi đó nút sẽ hiện "Tap for sound".
• Dựng xong, bấm Go live để trở lại trang thật bấm được, Replay để dựng lại. Esc để thoát bất cứ lúc nào.

Doanh nghiệp dùng Swarm Rebuild vào việc gì?

Swarm Rebuild hợp nhất với những lúc cần trình diễn một trang web cho người không làm kỹ thuật. Vài tình huống tôi thấy dùng được ngay:

• Ra mắt website mới. Quay 30 đến 60 giây cảnh trang tự dựng lên để đăng Facebook, TikTok. Hiệu ứng lạ mắt hơn một đoạn quay cuộn trang bình thường.
• Mở màn buổi thuyết trình. Agency hoặc phòng marketing trình bày landing page cho khách: để trang tự dựng trong lúc mình giới thiệu ý tưởng, rồi bấm Go live để khách bấm thử.
• Dạy người mới làm web. Học viên thấy tận mắt một trang web chỉ gồm khung, chữ, đường kẻ, ảnh và các bản sao, cộng thêm đường gióng để mọi thứ thẳng hàng. Dễ hiểu hơn nhiều so với mở mã HTML ra giảng.

Nếu anh chị đang làm video giới thiệu sản phẩm bằng code, có thể đọc thêm bài HyperFrames: làm video bằng HTML. Còn muốn AI tự làm đẹp giao diện trước khi đem đi khoe, xem bài Impeccable.

Giới hạn của Swarm Rebuild cần biết trước

Lưu ý

• Chưa có giấy phép. README ghi rõ dự án chưa có giấy phép, và vì mượn một phần mã của trang Swarm gốc (cũng không có giấy phép), tác giả đề nghị không dùng lại mã nếu chưa hỏi cả Joel Califa. Dùng để trình diễn thì được, đừng chép mã vào sản phẩm thương mại.
• Cài từ mã nguồn. Developer mode cho phép chạy extension chưa qua kiểm duyệt của Google. Theo manifest.json, extension chỉ xin hai quyền activeTab và scripting, và theo chính sách riêng tư của tác giả thì không gửi dữ liệu ra ngoài. Máy công ty có quy định bảo mật thì hỏi bộ phận IT trước.
• Dựng lại hình, không sao chép trang. Hiệu ứng động bị đóng băng tại lúc bấm, một số chi tiết trang trí bị bỏ qua, video và khung nhúng nằm dưới màn hình đầu tiên chỉ còn khung giữ chỗ.
• Trang quá dài bị cắt. README ghi giới hạn khoảng 4.000 lớp hoặc 40.000px chiều cao.
• Không chạy ở mọi nơi. Chrome không cho extension chạy trên trang chrome://, Chrome Web Store và trình xem PDF.

Repo swarm-cursors có đáng tin không? Soi nhanh trên GitHub

Repo swarm-cursors có 996 sao và 121 lượt fork sau ba tuần, nhưng mới có 2 commit và chưa có bản phát hành nào. Nói cách khác: rất nhiều người thích, còn độ chín thì chưa có gì để đo.

Trang repo trên GitHub, chụp ngày 05/11/2026.

Số sao trên GitHub giống lượt thả tim một video trên TikTok: nói lên độ hấp dẫn, không nói lên chất lượng. Một demo đẹp mắt kéo được nghìn sao trong vài ngày, trong khi một thư viện chạy ổn định nhiều năm có khi chỉ vài trăm. Vì vậy tôi chấm repo theo năm tiêu chí, số liệu tra qua GitHub ngày 05/11/2026:

Một chi tiết đáng chú ý cho người theo dõi AI: cả hai commit đều ghi đồng tác giả là Claude Opus 5.5. Phần lõi nằm trong một file swarm.js duy nhất dài khoảng 149 KB. Đây là kiểu dự án làm cùng AI rất nhanh, rất ấn tượng, nhưng chưa có lớp kiểm thử và quy trình bảo trì đi kèm.

Góc nhìn phản biện: đừng để hiệu ứng làm mờ mắt

Cảnh báo

• Nghìn sao không phải lời bảo đảm. Repo được chú ý vì video demo đẹp. Nếu tác giả dừng làm, không ai sửa lỗi khi Chrome đổi cách chạy extension.
• Extension cài tay không tự cập nhật. Bản cài bằng Load unpacked đứng yên ở phiên bản anh chị tải về. Có bản sửa lỗi thì phải tự tải lại.
• Đừng chạy trên trang có dữ liệu nhạy cảm. Khi bấm, extension đọc toàn bộ nội dung trang đó. Tác giả cam kết không gửi đi đâu, nhưng nguyên tắc an toàn vẫn là: không bấm trên trang ngân hàng, hộp thư, trang quản trị có dữ liệu khách hàng.
• Chỉ quay trên website của mình. Video demo của tác giả dựng lại trang của một công ty khác. Anh chị dùng cảnh đó để quảng cáo cho mình thì dễ gây hiểu nhầm và vướng chuyện thương hiệu.
• Hiệu ứng đẹp không bán được hàng. Màn dựng lại gây ấn tượng lần đầu, nhưng người xem cần biết sản phẩm làm được gì. Coi nó là phần mở màn 30 giây, đừng thay cho nội dung chính.

Để dễ hình dung, Swarm Rebuild giống một màn pháo hoa khai trương: ai đi ngang cũng dừng lại xem, nhưng khách quay lại cửa hàng là vì món hàng. Đáng làm, miễn đừng dồn hết ngân sách vào pháo hoa.

Nhận xét của chuyên gia

Swarm Rebuild không giúp anh chị làm web nhanh hơn, cũng không tự động hóa việc gì. Giá trị của nó nằm ở chỗ khác: biến một thứ khô khan là "trang web gồm những thành phần gì" thành một màn xem được, nghe được. Khi đào tạo nhân viên văn phòng làm landing page bằng AI, cái khó nhất là giúp họ nhìn ra cấu trúc trang. Một đoạn Swarm Rebuild chạy trên chính trang của họ làm việc đó nhanh hơn mười slide.

Hợp với ai: phòng marketing cần nội dung video ra mắt web; agency trình bày sản phẩm cho khách; người dạy thiết kế web hoặc dạy làm landing page bằng AI.

Chưa hợp với ai: ai cần sao chép giao diện một trang để dùng lại (Swarm Rebuild không xuất ra mã hay file thiết kế); máy công ty cấm cài extension ngoài cửa hàng; ai định dùng mã nguồn cho sản phẩm thương mại, vì dự án chưa có giấy phép.

Cách bắt đầu của tôi: cài vào một hồ sơ Chrome riêng chỉ để trình diễn, thử trước trên trang demo/index.html có sẵn trong repo, rồi mới chạy trên website của mình. Bật Tour ở tốc độ 2×, quay màn hình, cắt lấy đoạn đẹp nhất.

Một câu để nhớ: trang web nào cũng chỉ là khung, chữ và bản sao; Swarm Rebuild cho người xem thấy điều đó trong một phút.

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

Swarm Rebuild có miễn phí không?

Có. Mã nguồn công khai trên GitHub và cài trực tiếp vào Chrome, không cần tài khoản. README không nói về bản trả phí nào.

Swarm Rebuild có gửi dữ liệu trang web của tôi đi đâu không?

Theo chính sách riêng tư của tác giả (cập nhật 15/10/2026), extension không gửi yêu cầu mạng nào, không dùng công cụ đo lường, mọi thứ nằm trong bộ nhớ của tab và bị xóa khi thoát.

Swarm Rebuild có chạy trên Edge hay Cốc Cốc không?

README chỉ hướng dẫn cho Chrome. Tài liệu không nói về các trình duyệt khác dựa trên Chromium.

Vì sao repo tên swarm-cursors mà extension tên Swarm Rebuild?

swarm-cursors là tên repo trên GitHub, còn tên hiển thị của extension trong manifest.json là Swarm Rebuild. Hai tên cùng chỉ một dự án.

Nguồn: DhvanilPatel/swarm-cursors trên GitHub, 15/10/2026. Ngày tra nguồn: 05/11/2026.