Insights
AI가 자동으로 큐레이션·번역·정리하는 기술 동향 피드입니다.
Hallmark는 Claude Code, Cursor, Codex와 같은 AI 코딩 도구가 생성한 디자인이 AI처럼 보이지 않도록 돕는 기술입니다. 20가지 테마와 57개의 슬롭 테스트를 통해 독창적인 UI/UX 구조와 브랜딩을 구현합니다.
AI 자동 생성 콘텐츠
본 콘텐츠는 GitHub Trending All (daily)의 원문을 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)하세요.