Hallmark 디자인 스킬

설치하기

Claude Code 같은 에이전트 도구의 터미널에 붙여넣으면 설치할 수 있어요.

npx skills add nutlope/hallmark

AI 특유의 양산형 웹 디자인(AI Slop)을 방지하는 디자인 스킬입니다.

4가지 동작 모드 : UI를 생성하는 Build, 디자인 구조를 분석하는 Study, 안티 패턴 문제점만 진단하는 Audit, 브랜딩을 유지하며 레이아웃만 새로 짜는 Redesign을 지원합니다.
57개 검증 게이트 (안티 패턴 방지) : 보라색/핑크 그라데이션, Inter 단일 폰트 사용, 상투적인 중앙 정렬 및 카드 배치를 자동 차단합니다.
8가지 디자인 원칙 : 폰트 페어링, OKLCH 단일 앵커 컬러, 4배수 여백, 비대칭 레이아웃, 가짜 통계 지표 방지 등 엄격한 시스템 표준을 유지합니다.

디자인 레퍼런스와 스킬을 설치하는 에이전트 도구

인터페이스 설계 규칙을 기억하는 Claude Code 플러그인