← 도구 생태계 디자인 · AI 워크플로

hallmark

AI가 만든 티가 나는 디자인(AI 슬롭)을 거부하도록 설계된 Claude Code·Cursor·Codex용 디자인 스킬. 매크로구조 21종과 테마 20종을 로테이션시키고, 57개 슬롭 테스트 게이트로 '어디서 본 듯한 AI 랜딩페이지' 패턴을 걸러냅니다. Together AI가 만들었어요.

Nutlope MIT · 오픈소스 Claude Code · Cursor · Codex ★ 22.1k ⭐ 별 주기

디자인AI 워크플로

🔍 에디터 리뷰

cmore가 저장소를 직접 열어보고 써본 뒤 남긴 사용기입니다. 광고·협찬이 아닙니다. 검증일: 2026-07-16 기준의 기록이며, 도구는 계속 바뀝니다.

SKILL.md 전문을 뜯어보고 redesign 규율을 우리 홈에 직접 돌려 /lab/hallmark 실험 페이지를 만들어봤습니다. 이 스킬의 차별점은 색만 바꾸는 게 아니라 구조를 바꾼다는 것. 페이지 골격(매크로구조 21종)과 네비·푸터 아키타입까지 이전 출력과 겹치지 않게 로테이션을 강제하고, 지어낸 지표 금지·이탤릭 헤딩 금지·가짜 브라우저 크롬 금지 같은 게이트에 출고 전 자기비평 점수까지 CSS 주석 스탬프로 남기게 합니다. 기존 프로젝트의 DESIGN.md를 잠긴 시스템으로 존중하고 함부로 갈아엎지 않는 안전장치도 실사용 관점에서 인상적이었어요.솔직히: 규칙 문서가 방대해 에이전트 토큰을 꽤 먹고, 랜딩·마케팅 페이지에 특화돼 앱 내부 UI에는 절반만 적용됩니다. 문서는 전부 영어예요.

🧪 우리 사이트에 직접 적용해봤어요

cmore.dev는 리뷰한 오픈소스를 실제로 적용해보는 실험실을 운영합니다. 이 도구를 적용한 결과를 본채 디자인과 나란히 비교해보세요.

cmore.dev 홈을 6종 변형으로 재조판한 결과 보기 → 실험실 전체 보기

설치하기

아직 개발환경(터미널·Git·Node 등)이 없다면 lazy-starter-kit으로 먼저 준비하고 오세요.

디자인 결과물의 품질은 붙이는 에이전트·모델에 따라 달라집니다. 문서는 전부 영어입니다.

터미널에서

npx skills add nutlope/hallmark

GitHub 저장소 → 다른 도구 둘러보기

hallmark은(는) cmore.dev와 무관한 외부 프로젝트입니다. 소개와 리뷰는 "이런 게 있어요" 안내이지 보증이 아니며, 설치·사용에 대한 판단과 책임은 사용자에게 있습니다.

함께 볼 도구

디자인

hallmark

🔍 에디터 리뷰

🧪 우리 사이트에 직접 적용해봤어요

설치하기

함께 볼 도구

beautify-github-readme

KEZ-ProductPage-skill

Skills