Claude Code에게 "웹사이트를 만들어 줘"라고 요청했을 때 항상 같은 페이지가 나온다면, 문제는 모델이 아니라 디자인 규칙의 부재일

Claude Code에게 "나에게 웹사이트를 만들어 줘"라고 요청했을 때 항상 같은 페이지가 나온다면, 문제는 대부분 모델 자체가 아니라 디자인 규칙이 없기 때문입니다.

Together AI의 Hallmark라는 스킬(skill)이 바로 이 점을 목표로 합니다. 이는 48개의 테마와 페이지를 실제 브라우저에서 "인공지능이 만든 것처럼 보이는가?"를 검사하는 기능입니다.

설치:

1. 모든 프로젝트에 스킬 설치

npx skills add nutlope/hallmark -g
도구 뒤에 --agent claude-code (또는 codex) 추가

2. 브라우저 검사를 위해 (선택 사항)

npm i -g puppeteer-core
Chrome이 필요하며, 없다면 정적(static) 검사는 여전히 작동합니다.

3. 호출하기

Claude Code: /hallmark <요청 내용>
Codex CLI: $hallmark <요청 내용>

4. 기존 페이지에 적용할 경우

/hallmark redesign ./src/app
/hallmark audit ./index.html (보고서만 제공합니다)

중요한 이유:

각 제목 위의 작은 라벨, 단어 하나가 색상으로 지정된 제목, 페이지 끝의 이메일 수집함과 같은 패턴을 포착합니다.
8가지 다른 너비로 페이지를 검사하며, 마지막 말은 깨끗한 맥락(context)으로 열리는 검토자 에이전트가 알려줍니다.
redesign 과정에서 링크, 양식 필드 또는 제목이 손실되면 작업 실패로 간주됩니다.
라이선스가 공개된 사진 755장이 있으며, 사용된 모든 이미지의 출처가 페이지에 명시됩니다.

요구 사항: Node 18+.
라이선스: MIT, GitHub에서 3만 2천 개 이상의 스타를 받았습니다.

출처는 첫 번째 댓글에 있습니다.