🎨

Hallmark 반-슬롭 디자인

Hallmark 는 Together AI 가 만든 디자인 skill 로, LLM 이 만들어내는 'AI 티 나는' 웹을 거부합니다. 브리프마다 매크로 구조를 고르고 20 개 테마 중 하나를 입힌 뒤 57 개의 슬롭 검사 게이트와 출력 전 자기 비평을 거칩니다. 그래서 서로 다른 두 브리프는 같은 템플릿의 색만 바꾼 게 아니라 완전히 다른 사이트처럼 보입니다.

핵심 기능

AI 티 없는 웹 디자인
20 테마+57 슬롭 검사
생성·감사·재설계·추출
3대 코딩 에이전트 지원

설치 방법

skills 를 지원하는 agent 에서 실행:
npx skills add nutlope/hallmark
언제든 다시 실행하면 업데이트됩니다. 또는 SKILL.md 와 references/ 를 ~/.claude/skills/hallmark/(Claude Code), .cursor/rules/hallmark.mdc(Cursor), ~/.codex/skills/hallmark/(Codex) 에 직접 복사하세요.

사용 방법

설치 후 agent 에게 UI 를 만들라고 하면 기본 동작(구조 선택→규칙 적용→납품 전 슬롭 검사)이 실행됩니다. 명시적 3개 동작도 있습니다: `hallmark audit <대상>` 은 기존 코드를 안티패턴 기준으로 채점, `hallmark redesign <대상>` 은 카피·IA·브랜드는 남기고 다른 구조로 재구축, `hallmark study <스크린샷 또는 URL>` 은 마음에 드는 디자인의 DNA(매크로 구조·서체 페어링·컬러 앵커)를 추출합니다.

Hallmark 반-슬롭 디자인

핵심 기능

설치 방법

사용 방법

필요 조건

관련 스킬