Hallmark là gì: skill giúp AI dựng trang web không giống hàng AI

Thử hình dung thế này. Anh chị nhờ AI dựng trang giới thiệu cho tiệm bánh, rồi nhờ thêm trang cho công ty kế toán của người quen. Mở hai trang ra cạnh nhau thì giật mình: cùng dòng chữ nhỏ in hoa trên tiêu đề, cùng một chữ tô màu tím, cùng ô "Đăng ký nhận tin" ở cuối. Đổi logo là tráo được cho nhau.

Dân thiết kế gọi kiểu sản phẩm này là "AI slop": đẹp đều, đúng chuẩn, nhưng nhìn là biết máy làm. Hallmark là gì? Hallmark là skill thiết kế mã nguồn mở do Together AI làm, dùng cho Claude Code, Codex, Cursor và OpenCode, để AI dựng trang web có chủ đích và tự soát những dấu vết "máy làm" trước khi giao.

Đọc nhanh trong 30 giây

• Hallmark là skill thiết kế giấy phép MIT của Together AI, bản 2.0.0, chạy trong Claude Code, Codex CLI, Cursor, OpenCode.
• Skill cho AI chọn 3 trong 50 theme hợp đề bài, dựng trang theo việc khách đến để làm, rồi soát lỗi trên trình duyệt ở 8 khổ màn hình.
• Cài bằng một lệnh npx skills add nutlope/hallmark -g, cần Node 18 trở lên. Gọi bằng /hallmark.
• Hợp với người tự dựng landing page, trang giới thiệu bằng AI mà không có thợ thiết kế bên cạnh.
• Đánh giá nhanh: rất được quan tâm, giấy phép thoáng, có test; nhưng repo mới hơn sáu tháng, chưa có bản phát hành chính thức nào.

Hallmark là gì, dùng vào việc gì?

Hallmark là một bộ skill: các file hướng dẫn và script mà agent lập trình đọc trước khi dựng giao diện. Theo README, Hallmark giữ một "mức sàn" cứng rồi để AI tự do sáng tạo phía trên mức sàn đó.

Cái tên nói lên cách nó làm. Hallmark là con dấu kiểm định thợ bạc đóng lên món đồ bạc thật. Skill này giống người thợ cả trong tiệm may đo: không cấm thợ trẻ sáng tạo, nhưng bộ đồ nào chưa qua tay thợ cả soát đường may, đo lại vai áo thì chưa được giao khách.

Các dấu vết "máy làm" lấy từ danh sách README của Hallmark.

Bản 2 có những điểm chính sau, theo README ngày 09/11/2026:

Hình: Hallmark contributors, repo Nutlope/hallmark (giấy phép MIT).

Hallmark dựng một trang web ra sao?

Hallmark đi qua 4 chặng cho mỗi lần dựng trang, và chặng nào cũng có lớp soát riêng.

Phần đầu trang được duyệt riêng trước khi làm phần còn lại.

1. Đọc dự án, hỏi tư liệu. Skill xem font, bảng màu, framework đang dùng, rồi hỏi một lần xin ảnh, ảnh chụp sản phẩm, số liệu thật. README ghi rõ: không bịa gì cả.
2. Chia 3 theme. Script theme.mjs deal đề xuất ba theme hợp đề bài, sau đó xếp bố cục theo việc của trang.
3. Dựng phần đầu trang trước. Khu vực đầu trang được làm riêng, render ra và duyệt lạnh trước khi phần còn lại tồn tại.
4. Soát và duyệt bằng mắt mới. sloplint.mjs --render kiểm trang ở 8 khổ màn hình, rồi một subagent chưa biết gì về quá trình dựng xem lại lần cuối.

Các lớp soát chia ba tầng. Floor không bao giờ cho qua: độ tương phản, focus bàn phím, chuyển động cho người nhạy cảm, số liệu bịa, vỡ bố cục trên điện thoại. Reflex là thói quen của model, được bỏ qua nếu có lý do ghi lại. Finish là chi tiết tay nghề, chỉ gợi ý.

Mẹo

Đã có sẵn trang web do AI làm? Đừng dựng lại vội. Chạy /hallmark audit ./index.html trước: lệnh này chỉ báo lỗi, không sửa gì. Đọc báo cáo xong anh chị mới quyết định có cần redesign hay chỉ polish vài chỗ.

Cài Hallmark trong 1 phút

Hallmark cần Node 18 trở lên. Lệnh cài chép đúng từ README:

Minh họa dựng lại theo README.

npx skills add nutlope/hallmark -g

-g cài cho mọi dự án; bỏ đi thì chỉ cài vào dự án hiện tại. Chỉ muốn cài cho Claude Code thì thêm --agent claude-code. Ai quen hệ plugin của Claude Code có thể gõ:

/plugin marketplace add nutlope/hallmark
/plugin install hallmark@hallmark

Cài dạng plugin thì gọi bằng /hallmark:hallmark. Phần soát trên trình duyệt cần thêm puppeteer-core và Chrome; không có thì phần soát tĩnh vẫn chạy.

Thử ngay với một việc thật

Việc 1: landing page cho một khóa học. Gõ trong Claude Code:

/hallmark Dựng trang đăng ký khóa "AI cho trưởng phòng" 1 ngày,
học viên là quản lý văn phòng. Nút chính: Giữ chỗ.

Skill sẽ hỏi lại tư liệu: ảnh lớp học thật, học phí, lịch khai giảng. Anh chị chưa có số thật thì nói thẳng, đừng để trống cho AI tự điền.

Việc 2: soát trang cũ. Trang giới thiệu công ty làm bằng AI từ năm ngoái, chạy /hallmark audit để xem nó dính những dấu vết nào, rồi gõ polish nếu chỉ muốn gỡ các dấu vết đó mà giữ bố cục.

Nếu anh chị đã dùng Superpowers, hai bộ này bổ sung nhau: Superpowers lo kỷ luật viết code, Hallmark lo con mắt thẩm mỹ.

Hallmark có đáng tin không? Soi nhanh trên GitHub

Hallmark có 50.932 sao và 2.704 fork sau sáu tháng ra đời, nhưng chưa có bản phát hành chính thức nào. Số sao giống lượt người dừng lại ngắm tủ kính: cho biết món hàng bắt mắt, chưa cho biết mặc vào có vừa người mình không.

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

Số liệu tra bằng GitHub API ngày 09/11/2026.

Góc nhìn phản biện

Cảnh báo

• Cài qua npx là chạy code từ Internet. Đọc qua thư mục skills/hallmark trên GitHub trước khi cài, nhất là trên máy có dữ liệu khách hàng.
• Chưa có bản phát hành cố định. Mỗi lần cài là lấy bản mới nhất. Dự án quan trọng thì ghi lại commit đang dùng để tránh đổi hành vi bất ngờ.
• Ảnh có giấy phép CC BY-SA. Trang dùng ảnh loại này phải giữ dòng ghi công. Đừng xóa phần credit Hallmark tự chèn.
• Hook kiểm tra chưa chạy đủ khi cài dạng plugin. Issue #131 ghi bản plugin chưa nối hook Floor, bản sửa còn đang chờ duyệt. Cần lớp chặn này thì clone repo và chạy install-hook.mjs theo README.
• Skill không thay được tư liệu thật. Không có ảnh thật, số thật thì trang vẫn trống ý, chỉ là trống một cách đẹp hơn.

Hallmark giống một bộ thước đo của thợ may: giúp đường cắt chuẩn hơn hẳn, nhưng vải tốt hay xấu vẫn do anh chị mang tới.

Lưu ý

Skill tốn thêm lượt gọi model vì có bước render, soát và subagent duyệt lại. Với việc sửa một dòng chữ trên trang, gọi Hallmark là dùng dao mổ trâu.

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

Khi đào tạo AI cho đội marketing, tôi thấy học viên làm landing page bằng AI rất nhanh, nhưng sếp duyệt rất lâu. Lý do hiếm khi là lỗi kỹ thuật. Trang "trông giống mọi trang khác", và không ai nói được sai ở đâu. Hallmark biến cảm giác mơ hồ đó thành danh sách lỗi có tên, kiểm được bằng máy.

Hợp với ai: người làm marketing, chủ doanh nghiệp nhỏ tự dựng trang bằng Claude Code hoặc Cursor; đội không có thợ thiết kế riêng; người dạy AI cần ví dụ về "gu" có thể viết thành luật.

Chưa hợp với ai: đội đã có design system và thợ thiết kế chuyên; người chỉ dùng ChatGPT trên web, không dùng agent lập trình.

Cách bắt đầu của tôi: cài skill, chạy audit trên một trang cũ để xem nó bắt được gì. Sau đó dựng thử một trang mới, chuẩn bị sẵn ảnh thật và ba con số thật trước khi gõ lệnh.

Một câu để nhớ: Hallmark không dạy AI vẽ đẹp hơn, nó dạy AI thôi những thói quen khiến trang nào cũng giống nhau.

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

Hallmark có miễn phí không?

Có. Hallmark dùng giấy phép MIT, ai cũng dùng, sửa, đem vào sản phẩm được. Anh chị chỉ trả chi phí dùng Claude Code, Codex hay Cursor như bình thường.

Hallmark chạy với công cụ nào?

README liệt kê Claude Code, Codex CLI, Cursor và OpenCode. Lệnh cài còn có tùy chọn --agent github-copilot.

Không biết thiết kế có dùng Hallmark được không?

Được, và đây chính là nhóm người dùng hưởng lợi nhiều nhất. Skill tự chọn theme, tự soát lỗi; anh chị chỉ cần mô tả rõ trang dùng để làm gì và đưa tư liệu thật.

Hallmark có sửa trang web đang chạy không?

Chỉ khi anh chị gọi đích danh. README ghi Hallmark không đụng vào thiết kế có sẵn nếu không có lệnh redesign; lệnh audit chỉ báo lỗi, không sửa.

Muốn AI nhớ được gu thiết kế qua nhiều phiên làm việc, xem thêm bài claude-mem.

Nguồn: Hallmark contributors, README repo Nutlope/hallmark, 05/11/2026. Ngày tra nguồn: 09/11/2026.