Hallmark: Chống AI-Slop cho Claude, Cursor & Codex
/hallmark
Hallmark load vào Claude Code, Cursor hoặc Codex để chạy brief UI qua 57 bước kiểm tra anti-pattern trước khi trả code. Dùng khi bạn đang dùng một trong ba tools kể trên và chán cái look gradient-hero mặc định. Bỏ qua nếu bạn dùng AI tool khác, cần tái tạo pixel-perfect (study mode không cho phép), hoặc muốn output có thể verify độc lập.
Vấn đề nó giải quyết
Các LLM viết code phổ biến được train trên dữ liệu web trùng lặp, nên chúng dùng cùng một default khi được yêu cầu build landing page — gradient hero xanh-sang-tím, feature-card grid bo tròn, cùng font pairing. Hai sản phẩm không liên quan được build bởi hai team khác nhau với AI assistant có thể trông như bản reskin của cùng một template. Mục tiêu rõ ràng của Hallmark: hai trang từ hai brief khác nhau phải trông thực sự khác biệt, không phải biến thể của cùng một layout.
Đây là gì?
Hallmark là một package gồm prompt và reference (SKILL.md + references/) mà Claude Code, Cursor và Codex load trước khi generate UI. Nó cung cấp cho model một quy trình chọn macrostructure, một trong hai mươi mốt theme, và checklist 57 slop pattern cần tránh — những default on-distribution mọi LLM đều bị train vào. Model tự kiểm tra lại qua checklist đó trước khi trả page.
Vì sao đang được chú ý
Hallmark được chú ý vì nó đặt tên cho một complaint mà developers đã nhận ra: hỏi Claude Code hoặc tool tương tự build landing page và bạn nhận được một house style có thể nhận ra. Together AI đã ship một public gallery tại usehallmark.com nơi bạn có thể duyệt cả hai mươi mốt theme bằng phím T, cho người ta thứ gì đó shareable thay vì phải đọc README. Format skill distribution không tạo ma sát — một lệnh npx, không tool mới, không account.
Tính năng chính
- ✓Bốn động từ: build mặc định, `hallmark audit <target>` (chấm điểm code hiện có theo anti-pattern, không sửa), `hallmark redesign <target>` (dấu vân tay thị giác mới, giữ nguyên copy và IA), `hallmark study <screenshot|URL>` (trích xuất design DNA, từ chối pixel-clone)
- ✓57 slop-test gates cộng một vòng self-critique pre-emit chạy trước khi UI được trả ra
- ✓Hai mươi mốt built-in theme được chọn theo macrostructure phù hợp với brief, xem trực tiếp tại usehallmark.com (bấm T để chuyển)
- ✓Chế độ custom build palette/type/layout từ đầu khi không có theme nào trong catalog phù hợp, vẫn chịu 57 gates tương tự
- ✓Chế độ `study` có thể xuất design.md portable để design language trích xuất có thể chuyển cho AI tool khác
- ✓Ship dưới dạng SKILL.md + references/, cài được bằng một lệnh `npx skills add` trên cả ba assistant
Trường hợp dùng tốt nhất
- •Generate draft đầu tiên của SaaS landing page trong Claude Code mà không rơi vào look gradient-hero mặc định
- •Chạy `hallmark audit` trên codebase hiện có trước client demo để phát hiện AI-pattern tells trong punch list
- •Dùng `hallmark redesign` để cho dashboard nội bộ cũ một dấu vân tay thị giác mới mà không đụng copy hay information architecture
- •Trích xuất ngôn ngữ màu/type/layout từ screenshot một site đáng ngưỡng mộ với `hallmark study`, không tạo pixel clone
- •Giữ output thị giác nhất quán khi các thành viên team dùng Claude Code, Cursor và Codex trên cùng một project
Cách cài đặt / dùng thử
`npx skills add nutlope/hallmark` — chạy lại để update. Không có package.json entry hay gì để build; nó thả SKILL.md và thư mục references/ vào nơi tool của bạn expect skills. Cách cài tay: copy SKILL.md + references/ vào ~/.claude/skills/hallmark/ của Claude Code, .cursor/rules/hallmark.mdc của Cursor (chỉ body, không frontmatter), hoặc ~/.codex/skills/hallmark/ (cá nhân) hoặc .codex/skills/hallmark/ (project-scoped) của Codex.
Cách sử dụng
Mô tả UI bạn muốn trong assistant và nó build mặc định, chạy 57 slop-test gates trước khi trả code. Hoặc gọi trực tiếp một trong bốn động từ khác: `hallmark audit <target>` chấm điểm code theo anti-pattern list mà không đụng gì; `hallmark redesign <target>` rebuild visuals của page trong khi giữ copy và structure; `hallmark study <screenshot|URL>` trích xuất macrostructure, type-pairing và colour anchor từ một reference design. Cách gọi chính xác ngoài bốn động từ đó không được ghi rõ — bạn phụ thuộc vào skill instructions mà model đọc, không phải CLI bạn gõ trực tiếp.
Điểm mạnh
- ✓Miễn phí và MIT-licensed với cài một lệnh; không cần API key hay tạo account
- ✓Đặt tên cho một problem thực sự, cụ thể — UI AI trông giống nhau — thay vì pitch generic AI-website-builder
- ✓Bốn động từ riêng biệt cover nhiều workflow hơn một generator chỉ một lần: build, audit, redesign, study
- ✓Chế độ `study` có một ranh giới đạo đức rõ ràng: từ chối pixel-clone hoặc reproduce paid template
- ✓Được Together AI hậu thuẫn, với live gallery tại usehallmark.com demo cả hai mươi mốt theme đang chạy
Hạn chế & rủi ro
- △Không phải standalone app — không có gì để run, test hay deploy độc lập; chỉ hoạt động bên trong Claude Code, Cursor hoặc Codex
- △Chất lượng phụ thuộc vào model bên dưới có thực sự follow skill instructions nhất quán hay không — 57 gates là prompted checks, không phải automated linter có thể verify độc lập
- △CSS language tag phản ánh example output chứ không phải application code — Hallmark là prompt-and-reference package, không phải program có thể chạy
- △Không có changelog hay versioning cho hai mươi mốt theme hay gate list, nên không rõ anti-slop patterns được refresh bao lâu một lần khi underlying models tiến hóa
- △Cài tay cho Cursor yêu cầu strip frontmatter khỏi SKILL.md và paste vào file .mdc — nhiều bước hơn đường npx một dòng cho Claude Code
Lựa chọn thay thế
Ai nên thử — và ai nên bỏ qua
Cài nếu bạn đang generate front-end UI với Claude Code, Cursor hoặc Codex và có thể chỉ ra cái look 'AI-slop' cụ thể mà bạn chán — gradient heroes, card grid giống hệt, cùng font pairing. Bỏ qua nếu bạn dùng AI coding tool khác, cần UI match một brand system hiện có chính xác, hoặc muốn output deterministic, có thể test thay vì prompt-guided behavior phụ thuộc model follow instructions.
Câu hỏi thường gặp
Đó là một design skill — SKILL.md cộng thư mục references/ — mà Claude Code, Cursor và Codex load trước khi generate UI, được build bởi Together AI để ngăn các trang do AI tạo trông giống nhau.
Có. Nó MIT-licensed và miễn phí; chi phí duy nhất là những gì bạn đã trả để chạy Claude Code, Cursor hoặc Codex.
Nó hỗ trợ Cursor và Codex cũng như Claude Code, mỗi cái có path cài riêng. Ngoài ba tools đó thì không làm gì được — không phải standalone app hay design system có thể kéo vào stack khác.
Không. `hallmark study <screenshot|URL>` trích xuất structural và stylistic patterns từ reference design, nhưng README nói rõ nó từ chối pixel-clone và paid template.
Chạy `npx skills add nutlope/hallmark`, hoặc copy SKILL.md và references/ tay vào skill directory của tool — vị trí chính xác khác nhau cho Claude Code, Cursor và Codex.
hallmark có đáng để bạn bỏ thời gian?
ChatGPT, Claude và Perplexity đều đọc được trang này. Hỏi thử xem họ nghĩ gì về hallmark.