Nutlope/hallmark: Bộ kỹ năng thiết kế web giúp giảm dấu vết giao diện do AI tạo
Hallmark là một bộ kỹ năng thiết kế mã nguồn mở dành cho Claude Code, Codex, Cursor và OpenCode, nhằm tạo ra các website có chủ ý thiết kế rõ ràng thay vì mang vẻ rập khuôn do máy tạo. Do Together AI phát triển, công cụ sử dụng một trong 48 “chủ đề” hình ảnh, mỗi chủ đề quy định chất liệu, kiểu chữ, màu sắc, bề mặt và thành phần, đồng thời xây dựng trang theo đúng mục đích của nó—chẳng hạn đặt lịch, bán hàng hoặc thu thập đăng ký nhận bản tin. Hallmark kiểm tra trang trong trình duyệt thật ở tám kích thước màn hình và phát hiện những dấu hiệu thường gặp của giao diện do AI tạo, như nhãn nhỏ chung chung phía trên tiêu đề, một từ tô màu để trang trí, lưới ảnh trống, phần hero lệch khỏi màn hình hoặc biểu mẫu không thực sự gửi dữ liệu. Các quy tắc được chia thành Floor, nhóm yêu cầu không thể bỏ qua về khả năng tiếp cận, hiển thị trên thiết bị nhỏ và tính chính xác; Reflex, các lỗi quen thuộc mà mô hình thường mắc; và Finish, những kiểm tra tinh chỉnh chất lượng. Hallmark cũng có thể làm lại hoặc audit một URL, ứng dụng hay dự án cục bộ hiện có mà vẫn giữ nội dung, liên kết và trình xử lý biểu mẫu, đồng thời cung cấp 755 ảnh được cấp phép mở và ghi công. Lập trình viên có thể cài đặt bằng lệnh npx skills add nutlope/hallmark -g; công cụ yêu cầu Node 18 trở lên, còn tính năng dựng trang và kiểm tra trên trình duyệt cần Chrome cùng puppeteer-core. Dự án dùng giấy phép MIT, mang đến cho các nhóm xây dựng web với AI một quy trình có cấu trúc để giảm các mẫu giao diện lặp lại, kém chất lượng mà vẫn giữ bước đánh giá của con người.
Lập trình viên và nhóm làm sản phẩm có thể thử Hallmark để tạo, kiểm tra hoặc làm lại giao diện web bằng Claude Code, Codex, Cursor hay OpenCode; công cụ có thể giữ lại nội dung, liên kết và bộ xử lý biểu mẫu khi redesign. Cần Node 18 trở lên, còn kiểm tra trên trình duyệt cần thêm Chrome và puppeteer-core.
Đọc bài gốc