Nutlope/hallmark
요약
Hallmark는 Claude Code, Cursor, Codex와 같은 AI 코딩 도구가 생성한 디자인이 AI처럼 보이지 않도록 돕는 기술입니다. 20가지 테마와 57개의 슬롭 테스트를 통해 독창적인 UI/UX 구조와 브랜딩을 구현합니다.
핵심 포인트
- AI 특유의 정형화된 패턴(slop)을 방지하는 57개 테스트 게이트 적용
- 기존 코드의 안티 패턴 점수화 및 디자인 재설계 기능 제공
- 스크린샷/URL에서 디자인 DNA(타이포그래피, 컬러 등) 추출 가능
- Claude Code, Cursor, Codex 등 주요 AI 도구와 연동 지원
AI가 생성한 것처럼 보이지 않는 Claude Code, Cursor, Codex를 위한 디자인 기술.
라이브 데모 → · 20가지 테마 · 4가지 동사 · T를 눌러 전환.
Together AI 제작.
Hallmark는 브리프(brief)를 위한 거시 구조(macrostructure)를 선택하고, 20가지 테마 중 하나로 꾸미며, 57개의 슬롭 테스트(slop-test) 게이트와 출력 전 자기 비판(pre-emit self-critique)을 실행합니다. 또한 모든 LLM이 학습된 분포 내 기본값(on-distribution defaults)을 거부합니다. Hallmark가 서로 다른 두 개의 브리프를 위해 만든 두 페이지는 동일한 템플릿의 색상 교체가 아니라, 마치 서로 다른 사이트처럼 느껴집니다.
| 동사 (Verb) | 기능 |
|---|---|
| (기본값) | 새로운 UI 구축. 거시 구조를 선택하고, 규칙 세트를 적용하며, 결과물을 전달하기 전에 슬롭 테스트(slop test)를 실행합니다. |
hallmark audit <target> | 기존 코드를 안티 패턴(anti-patterns)에 따라 점수화합니다. 수정 없이 체크리스트만 제공합니다. |
hallmark redesign <target> | 구조는 버리고 카피(copy) + 정보 설계(IA) + 브랜드를 유지하며, 다른 지문(fingerprint)으로 재구축합니다. |
| `hallmark study <screenshot | URL>` |
각 결과물은 서로 다른 브리프로부터 생성됩니다. 이 기술은 템플릿에서 가져오는 것이 아니라, 각 브리프에 적합한 테마, 구조 및 공예(craft)를 선택합니다.
각 페이지는 독립된 HTML + CSS로 구성되며, CSS 주석에 해당 거시 구조가 기록됩니다. 전체 세트는 usehallmark.com 또는 site/_tests/에서 확인할 수 있습니다.
브리프가 어떤 카탈로그 테마와도 맞지 않는 창의적 의도를 담고 있을 때, Hallmark는 Custom 모드로 전환하여 맞춤형 팔레트, 타이포그래피 및 레이아웃을 통해 페이지를 처음부터 설계합니다. 동일한 57개의 슬롭 테스트(slop-test) 게이트가 적용되며, 기반이 되는 템플릿은 없습니다.
| |
The Cascadia NightjarSleeper-train ticket · Custom | The Mend AssemblyRepair-café broadsheet · Custom |
이것은 조용한 브랜치(branch)로 유지됩니다; 일반적인 브리프는 이를 볼 수 없습니다. 프로토콜은 custom-theme.md에 존재합니다.
npx skills add nutlope/hallmark
업데이트하려면 언제든 다시 실행하세요. 또는 SKILL.md와 references/를 다음 위치로 복사하세요:
Claude Code:~/.claude/skills/hallmark/
Cursor:.cursor/rules/hallmark.mdc
(SKILL.md 본문, 프론트매터(frontmatter) 제외)
Codex:~/.codex/skills/hallmark/ (개인용) 또는 .codex/skills/hallmark/ (프로젝트 범위)
규칙 세트(rule-set)는 SKILL.md와 references/에 저장되어 있습니다. 실행 예제는 docs/recipes.md와 docs/study-examples.md에서 확인할 수 있습니다.
MIT 라이선스. 사용하고, 포크(fork)하고, 배포(ship)하세요.
AI 자동 생성 콘텐츠
본 콘텐츠는 GitHub Trending All (daily)의 원문을 AI가 자동으로 요약·번역·분석한 것입니다. 원 저작권은 원저작자에게 있으며, 정확한 내용은 반드시 원문을 확인해 주세요.
원문 바로가기