OpenSource-Hub

hallmark

CLI 도구

Nutlope/hallmark

AI 생성 스타일을 방지하는 UI 디자인 스킬.

개요

Hallmark는 각 요구 사항에 대해 고유한 매크로 구조를 선택하고, 57개의 안티 패턴 감지를 통해 템플릿화되지 않은 HTML/CSS를 생성하며, CLI 도구를 통해 Claude Code, Cursor 및 Codex와 통합하여 4개의 동사 명령을 제공합니다.

README 미리보기

# Hallmark\n\n**A design skill for Claude Code, Cursor, and Codex that refuses to look AI-generated.**\n\n[Live demo →](https://www.usehallmark.com)  ·  twenty themes  ·  four verbs  ·  press `T` to cycle.\n\nMade by Together AI.\n\n\n  \n\n\nHallmark picks a macrostructure for the brief, dresses it in one of twenty themes, runs fifty-seven slop-test gates plus a pre-emit self-critique, and refuses the on-distribution defaults every LLM was trained into. Two pages by Hallmark for two different briefs feel like different sites, not colour-swaps of the same template.\n\n---\n\n## Four verbs\n\n| Verb | What it does |\n| --- | --- |\n| *(default)* | Build new UI. Picks a macrostructure, applies the rule-set, runs the slop test before handing back. |\n| `hallmark audit ` | Score existing code against the anti-patterns. Punch list, no edits. |\n| `hallmark redesign ` | Throw out the structure, keep copy + IA + brand, rebuild with a different fingerprint. |\n| `hallmark study ` | Extract the **DNA** from a design you admire: macrostructure, type-pairing, colour anchor. Refuses pixel-clones and paid templates. Optionally emits a portable `design.md` for handoff to other AI tools. |\n\n---\n\n## Different briefs, different shapes\n\nEach generated from a different brief. The skill picks the theme, structure, and craft to fit each one, not from a template.\n\n\n  \n    \n    \n    \n    \n  \n  \n    BubbleSourdough app · Hum\n    DistilExtraction API · Cobalt\n    Cold SnapRecord label · Carnival\n    CinderAI tool · Lumen\n  \n  \n    \n    \n    \n    \n  \n  \n    Ferns & FathomTea menu · Custom\n    Hollowback ApiaryHoney farm · Garden\n    Off-RegisterPrint fair · Riso\n    Press QuaternaryType studio · Custom\n  \n  \n    \n    \n    \n    \n  \n  \n    TallySaaS · modern-minimal\n    WayfareTravel · atmospheric\n    NAJMFashion brand\n    HyperlaneDev infrastructure\n  \n\n\nEach page is self-contained HTML + CSS, stamped with its ma

FAQ (3)

문제 해결
SKILL.md에 name과 description이 포함되어 있는데도 "npx skills add"를 실행할 때 "No valid skills found" 오류가 발생하면 어떻게 수정하나요?

일반적으로 이는 SKILL.md의 YAML frontmatter 파싱에 실패했다는 의미입니다. description에 : 시퀀스가 포함된 경우, YAML 파서가 이를 중첩 매핑으로 처리하지 않도록 전체 값을 큰따옴표로 감싸세요:

---
name: hallmark
description: "Anti-AI-slop design skill — Four verbs: ..."
version: 1.0.0
---

description 자체에 큰따옴표가 포함된 경우, \"로 이스케이프하세요. SKILL.md를 업데이트한 후 다시 시도하세요:

npx -y skills@latest add nutlope/hallmark

skills@1.5.7에서 확인되었습니다. 현재 CLI는 근본적인 YAMLParseError: Nested mappings are not allowed in compact mappings를 숨기고 오해를 불러일으키는 "No valid skills found" 메시지를 대신 표시합니다.

원본 Issue #4
문제 해결
npx skills add가 docs, website, package.json 같은 관련 없는 저장소 파일을 설치하지 않도록 하려면 어떻게 해야 하나요?

skills CLI는 SKILL.md가 있는 디렉터리의 모든 파일을 복사합니다. SKILL.md가 리포지토리 루트에 있는 경우, npx skills add nutlope/hallmark는 docs/, site/, package.json, README.md, ROADMAP.md, vercel.json을 포함해 리포지토리 전체를 복사합니다.

스킬을 전용 하위 디렉터리로 이동하여 이 문제를 해결하세요. 예를 들면 다음과 같습니다:

skills/hallmark/
├── SKILL.md
└── # 런타임에 스킬에 필요한 파일만

docs/, site/, package.json과 같은 리포지토리 전용 파일은 해당 디렉터리 밖에 두고, 스킬을 다시 게시하고 재설치하세요. 그러면 CLI는 지정된 스킬 디렉터리만 복사합니다. 임시 해결 방법으로, 설치 후 불필요한 파일을 수동으로 삭제할 수 있습니다.

원본 Issue #9
문제 해결
macOS에서 Claude CLI 오류 "No valid skills found. Skills require a SKILL.md with name and description"를 해결하려면 어떻게 해야 하나요?

설치 프로그램이 SKILL.md의 YAML frontmatter가 잘못되었거나 필수 필드가 누락되어 저장소를 거부하고 있습니다. 저장소를 클론하고 SKILL.md를 연 다음, name과 description이 포함된 유효한 YAML frontmatter로 시작하는지 확인하세요. 예를 들면:

---
name: hallmark
description: Brief description of the skill
---

파일을 저장하고 수정된 로컬 저장소에서 스킬을 설치하거나 설치를 다시 시도하세요. YAML에서 탭, 잘못된 들여쓰기 또는 이스케이프되지 않은 특수 문자를 피하세요. 가능한 경우 수동으로 편집하는 대신 YAML을 수정하는 제출된 PR을 사용하세요.

원본 Issue #1