Nutlope/hallmark — Claude Code, Cursor, Codex용 'AI 슬롭' 방지 디자인 스킬

무슨 일이 있었나

Together AI가 만든 Hallmark는 웹페이지를 디자인하는 AI 스킬입니다. 48개의 테마 중 3개를 골라 페이지를 만들고, 실제 브라우저에서 결과를 검사합니다. 검사에서는 AI가 만든 티가 나는 특징들을 찾아냅니다. 예를 들어 모든 제목 위에 붙는 작은 라벨, 대문자 간격 넓은 글씨, 제목 속 한 단어만 색칠하기, 빈 칸만 가득한 페이지, 끝부분의 이메일 구독 상자 같은 것입니다.

주요 숫자와 사실

• 테마 48개 (각각 종이, 글씨, 색, 표면 등으로 이루어진 디자인 재료)
• 오픈 라이선스 사진 755장을 주제에 맞게 골라 페이지에 출처와 함께 넣습니다
• 검사 단계는 세 가지입니다: 반드시 지켜야 하는 Floor, 기본 습관을 점검하는 Reflex, 마무리 세부 사항인 Finish
• 사용 방법: /hallmark redesign <경로>는 페이지를 새로 만들고, /hallmark audit <경로>는 점검만 합니다

처음 보는 사람을 위한 설명

AI 코딩 도구는 웹페이지를 빠르게 만들 수 있습니다. 하지만 결과물이 비슷비슷하고 어딘가 AI가 만든 것 같다는 평이 많습니다. 이런 낮은 품질의 AI 결과물을 흔히 'AI 슬롭(slop)'이라고 부릅니다. Hallmark는 이 문제를 해결하려고 만들어졌습니다.

왜 중요한가

웹사이트는 방문자가 첫눈에 신뢰를 느껴야 합니다. 모두 같은 모습이면 개성이 사라지고, 방문자는 쉽게 떠납니다. Hallmark는 페이지가 방문자의 목적에 맞게 만들어지도록 돕고, 접근성이나 깨진 화면 같은 기본 문제도 막습니다. 개발자가 AI로 빠르게 만든 페이지를 더 믿을 만하게 다듬을 수 있다는 뜻입니다.

앞으로 지켜볼 점

• 새 버전 v2에 추가된 맞춤 디자인과 실제 제품 화면 캡처 기능이 실제로 얼마나 잘 동작하는지
• 다른 AI 도구들에서도 같은 품질을 유지하는지
• 사용자들이 만든 페이지가 AI 티를 얼마나 줄였는지에 대한 후기