GitHub 요즘 뜨는직접 실행 · 12회 성공

웹 화면을 만들고 'AI 티'를 검사하는 스킬, hallmark

직접 12번 실행해 12번 모두 결과가 나온 기록과 설치 명령입니다.

기준: 2026-10-21T15:23:19+00:00 · 증가량은 GitHub 트렌딩 페이지의 이번 주 값

claude-codeskills

Nutlope/hallmark

https://github.com/Nutlope/hallmark · ⭐ 30,529 · 트렌딩 이번 주 +479

테마 21개 가운데 하나를 입혀 분위기가 다른 웹 화면을 만들고, 'AI 티'를 잡는 점검표(slop test)로 스스로 검사합니다. 고치지 않고 검사하는 audit과 내용은 두고 다시 디자인하는 redesign 동사도 있습니다.

설치 방법

README의 방법 중 하나만 고르면 됩니다. 방법 1은 사용 통계를 기본으로 보냅니다(DISABLE_TELEMETRY=1 또는 DO_NOT_TRACK=1을 주면 끔).

방법 1 · 터미널에서 실행 (README 첫 방법 · Node.js 22.20 이상 · 빈 임시 HOME에서 설치까지 시험함)

npx skills add nutlope/hallmark

방법 2 · 폴더 복사 (12번의 실행에 쓴 방식 · README에는 복사할 폴더와 위치(~/.claude/skills/hallmark/)만 있고 명령이 없어 시험 때 쓴 명령을 적음 · ~/.claude 대신 프로젝트 폴더에 복사 · 경로만 줄임)

git clone --depth 1 https://github.com/Nutlope/hallmark hallmark-src
mkdir -p .claude/skills
cp -a hallmark-src/skills/hallmark .claude/skills/hallmark

2026-04-27에 만들어진 레포로(생성 176일), 집계 시점의 GitHub 트렌딩 주간 스타는 479, 최근 7일 새 포크는 42개, 누적 스타는 30,529개입니다(최근 7일 스타 증가량은 재지 못했습니다). 스킬 hallmark(커밋 13ac0ec)를 서로 다른 요청 12개로 실행하자 12번 모두 한 번의 무인 실행으로 끝나 서로 다른 화면 11개와 검사 보고서 1개가 나왔고, 테마는 요청 12개 중 9개가 직접 정했습니다.

12회성공 실행

12회전체 실행

248초평균 소요

필요 조건

Claude Code(스킬 폴더를 읽는 에이전트. README는 Cursor·Codex에 넣는 위치도 안내하지만 이 시험은 Claude Code에서만 했다)
공식 설치 명령(npx skills add)은 Node.js 22.20 이상(skills CLI 1.7.4 engines)과 git(skills CLI가 git clone으로 레포를 받음)
스킬 자체는 Markdown 문서뿐이라 따로 설치할 실행 환경·API 키가 없다

짧은 요청에도 먼저 대상·용도·톤을 묻고 기다리는 스킬이라, 바로 만들게 하려면 'go ahead'·'묻지 말고 진행'이라고 적는다(12회 모두 그렇게 요청). 21개 테마 가운데 16개는 이름과 설명만 스킬 폴더에 있고 실제 토큰 파일(site/css/tokens.css)은 설치본에 들어가지 않는다. 테마 문서가 권하는 Google Fonts·사진 자리 표시 주소는 인터넷이 필요하다. 이번 시험은 설치된 글꼴과 SVG·CSS 그림만 쓰게 했다.

시험할 때 실제로 실행한 명령

# $T = 시험용 작업 폴더(전체 경로는 생략)
git clone --depth 1 https://github.com/Nutlope/hallmark $T/src  (커밋 13ac0ec, 2026-08-06)
README 공식 명령을 빈 임시 HOME에서 시험: cd $OFF/proj && env -i PATH=/usr/local/bin:/usr/bin:/bin HOME=$OFF/home TMPDIR=$OFF/tmp npm_config_cache=$T/.npm-cache npm_config_prefix=$OFF/.npm-global npm_config_ignore_scripts=true DISABLE_TELEMETRY=1 DO_NOT_TRACK=1 GIT_TERMINAL_PROMPT=0 timeout 300 npx -y skills@1.7.4 add nutlope/hallmark -a claude-code -y  (OFF=/tmp/gitstar-sandbox/Nutlope__hallmark/official, GITHUB_TOKEN 없음 → 종료 코드 0, 3초, ./.claude/skills/hallmark/ 107개 파일 + skills-lock.json. 클론의 skills/hallmark와 diff -r 차이 없음. 임시 HOME은 비어 있었고 진짜 HOME의 ~/.claude/skills·~/.agents·~/.npm/_npx는 바뀌지 않음, evidence/official_install/)
mkdir -p $SB/.claude/skills && cp -a $T/src/skills/hallmark $SB/.claude/skills/hallmark  (실행마다 새 샌드박스 /tmp/gitstar-sandbox/Nutlope__hallmark/runNN, tools/mk_sandbox.sh. 위 공식 설치 결과와 같은 위치·같은 파일)
claude -p "/hallmark …" --output-format json --permission-mode acceptEdits --allowedTools Read Glob Grep Write Edit "Bash(python3:*)" "Bash(google-chrome:*)" … --disallowedTools AskUserQuestion WebFetch WebSearch Skill Task Agent "Bash(curl:*)" "Bash(npm:*)" "Bash(npx:*)" "Bash(node:*)" "Bash(git:*)" "Bash(rm:*)" … --strict-mcp-config --no-chrome --max-budget-usd 2  (run_once.py --sandbox $SB --timeout 1200로, 샌드박스에서. 전체 인자는 tools/trial.sh)

보안 검토: pass — 스킬 폴더 107개 파일이 모두 Markdown이다. 훅·MCP·플러그인 매니페스트·실행 스크립트·자격 증명 읽기·텔레메트리 0건. 외부 접속으로 이어질 수 있는 지시는 study 동사의 URL 읽기(WebFetch, 안전 규칙 있음)와 결과 페이지가 볼 때 부르는 Google Fonts·사진 자리 표시 주소 권장뿐이고, 시험에서는 study를 쓰지 않고 WebFetch·WebSearch를 막았으며 캡처 브라우저를 닫힌 프록시로 돌렸다(바깥 요청 12회 모두 0). 레포의 데모 사이트 JS(GitHub API 스타 수 읽기, Plausible 분석)는 설치에 들어가지 않는다. 공식 설치 도구 skills CLI는 기본 사용 통계를 skills.sh로 보내며 DISABLE_TELEMETRY·DO_NOT_TRACK으로 끈다(skills CLI 1.7.4 코드 확인, install.md).

써 보니

처음엔 질문부터 합니다. SKILL.md는 요청이 짧든 길든 먼저 대상·용도·톤 세 가지를 묻고 답을 기다리라고 하고('Default is to ask'), 사용자가 'go ahead'라고 하면 요청에서 추론해 진행하라고 합니다. 이번 시험은 사람이 없는 무인 실행이라 12번 모두 '묻지 말고 끝까지 진행해(go ahead — don't ask)'를 적었고, 모델은 대상·용도·톤을 추론해 밝힌 뒤 바로 만들었습니다(질문으로 멈춘 실행은 0번). 그래서 실제로 쓸 때 나오는 질문 단계와 그 답을 반영하는 흐름은 시험하지 않았습니다. 바로 만들게 하려면 요청에 '묻지 말고 진행해'를 적으세요.
부르는 법: 프롬프트 첫머리에 /hallmark를 쓰고 만들 화면을 이어서 적었습니다(12번 모두 슬래시 명령). 동사 없이 새 화면을 만든 요청이 10번, audit(고치지 않고 검사)가 1번(run07), redesign(내용은 두고 다시 디자인)이 1번(run08)입니다. 글로만 설명한 요청이 8번이고, 파일을 읽힌 요청이 4번입니다(run03 CSV 두 개, run06 Markdown, run07·run08 HTML+CSS). 결과는 현재 폴더에 HTML·CSS 파일로 생겼고(화면 11개 모두 tokens.css와 .hallmark/log.json이 함께 생김) audit은 audit-report.md를 만들었습니다. 요청 부분은 114~515자였고, 프롬프트가 1,136~2,629자로 긴 것은 시험 때마다 붙인 공통 진행 메모(무인 실행, 인터넷 없음, 설치된 글꼴만, 한자 금지, 가상 이름만 등) 때문입니다. 요청에 맞는 스킬을 모델이 스스로 찾아 부르는 경로는 시험하지 않았습니다(시험은 Skill 도구를 막고 슬래시 명령으로만 불렀습니다).
테마: 12번 중 9번은 요청에 테마를 적었습니다(카탈로그 8개와 커스텀 1개이고, 카탈로그는 Hum·Coral·Riso·Midnight·Grid·Terminal·Brutal·Carnival입니다). run01·run08은 테마를 적지 않아 스킬이 Atelier·Garden을 골랐고, run07은 검사라 테마가 없습니다. 새로 만든 화면 11개의 화면 구조(macrostructure)는 6종(Narrative Workflow 3·Marquee Hero 3·Index-First 2·Stat-Led·Map / Diagram·Portfolio Grid 각 1)이었습니다. 테마를 정해 주지 않은 두 번을 빼면 모두 요청이 테마를 정했으므로, 화면이 서로 달랐던 것을 스킬이 알아서 매번 다르게 골랐기 때문이라고 말할 수는 없습니다. SKILL.md에는 같은 프로젝트에서 이어 부르면 .hallmark/log.json을 읽고 직전과 다른 구조·테마·내비·푸터를 고르게 하는 규칙이 있지만, 시험은 실행마다 새 폴더를 써서 이 규칙이 작동하지 않았습니다(이어 부르는 경우는 시험하지 않았습니다).
테마 파일과 글꼴: README는 테마가 21개라고 적지만, 21개 테마의 팔레트·글꼴 토큰 파일(site/css/tokens.css)은 레포의 데모 사이트 쪽에 있어 설치본(skills/hallmark)에는 들어 있지 않습니다. 스킬 폴더 안에 테마 명세 파일이 있는 것은 5개(carnival·cobalt·grid·hum·lumen)뿐이고, 명세 파일이 없는 테마를 쓴 실행(Atelier·Coral·Riso·Midnight·Terminal·Brutal·Garden)에서는 모델이 테마 이름과 SKILL.md의 설명으로 팔레트를 만들었습니다(12번 중 8번이 이 토큰 파일을 찾으려다 찾지 못했습니다). 또 시험 장비에는 인터넷이 없어 웹 글꼴·외부 이미지·CDN을 쓰지 말고 그림은 SVG·CSS 도형으로 그리라고 적었고(결과 HTML의 외부 자원 참조 0개, 캡처 때 바깥 요청 0번), 테마가 정한 글꼴(Archivo·Geist·Plus Jakarta Sans·Big Shoulders 등)은 설치된 Noto CJK·Nimbus 같은 글꼴로 바뀌었습니다. 그래서 이 결과를 저자의 데모 사이트와 같은 모습이라고 볼 수는 없습니다. 스킬 문서는 Google Fonts와 사진 자리 표시 주소를 권하므로 인터넷이 되는 환경에서는 결과가 다를 수 있고, 그 경우는 시험하지 않았습니다. 화면 글자는 한국어로 쓰라고 적었고(중국어·한자 금지) 12번 모두 한자는 0자였습니다.
'AI 티' 점검표(slop test): 화면을 다 만든 뒤 점검표(게이트 목록)로 결과를 검사하고, 걸린 곳을 고친 뒤 미리보기 블록에 결과 줄을 적게 합니다. 게이트 수는 README가 57개(번호 1~57), 스킬 문서(SKILL.md·slop-test.md)는 38a를 더해 58개라고 적습니다. 시험에서 걸려 고친 예는 run05(라디오 테두리 두께를 움직이던 것을 transform으로, 게이트 14), run04(히어로 여백 비율, 게이트 44a · 자주 묻는 질문 표시의 대비, 게이트 40), run12(장식 글자 글꼴을 토큰 없이 적은 것, 게이트 48)입니다. 다만 이 결과 줄은 모델의 자기 보고이고 시험자는 게이트를 하나씩 다시 채점하지 않았습니다. 결과 줄에 '58 / 58 ✓'를 적은 실행은 7번(run03·04·05·06·08·10·11)인데, 그중 run04·run08은 게이트 목록의 일부만 보고 판정했다고 스스로 밝혔습니다. run09·run12는 '일부만 확인'했다고 적었고, run01·run02는 진행 메모의 시간 제한 문구 때문에 점검을 돌리지 않았습니다. 그러니 58개를 하나하나 확인했다는 증거로 읽지 마세요.
audit과 redesign: run07은 시험자가 만든 가상 '두 평 텃밭' 소개 페이지(보라→파랑 그라데이션, 가운데 정렬 히어로, 이모지 카드, 가짜 브라우저 창, 근거 없는 수치와 후기를 일부러 모은 페이지)를 audit으로 검사해 지적 34개(보고서의 숫자: critical 14·major 13·minor 7)를 audit-report.md로 냈고, 그중 32개에 파일:줄 위치, 29개에 게이트 번호가 붙었습니다. 입력 파일은 고치지 않았습니다(시험 뒤 비교로 확인). 가장 먼저 고치라고 한 것은 320px 폭에서 섹션 제목이 한 글자씩 세로로 무너지는 문제입니다. run08은 같은 입력을 'redesign --mood soft'로 다시 디자인해 내용·섹션 순서·가격은 두고 Garden 테마와 SVG 밭 평면도 구조로 바꿨고, 근거 없는 '10배·99.9%·24/7'은 '수치 확인 필요' 표시로, 후기 이름은 '이름 · 소개 확인 필요'로 바꿨습니다. 다만 감사가 근거 없는 표시로 지적한 '가장 인기'는 이모지만 빼고 남았습니다. 시험은 프롬프트에서 파일을 고쳐도 된다고 적었고 모델이 index.html·style.css를 그 자리에서 고쳤습니다. 두 실행은 따로 돌아서 run08이 run07의 보고서를 읽고 고친 것은 아닙니다.
눌러 보면 움직이는 화면: 요청에 동작을 적은 화면은 실제로 동작했습니다. run02는 '바질 물 줬어요'를 누르면 '다 줬어요'로 바뀌고 되돌리기 막대가 뜨고, run05는 마감된 20:30을 고를 수 없고 다 고르기 전까지 예약 단추가 비활성이며 합계가 바로 바뀌고, run06은 '내 노선 찾기'에 31을 넣으면 그 줄만 강조되고, run10은 '음반' 칩을 누르면 8점 중 2점만 남습니다. 갤러리의 '누른 뒤' 화면은 시험자가 헤드리스 Chrome에서 스크립트로 단추·칩·입력을 조작해 찍은 것입니다. 모델도 실행마다 헤드리스 Chrome으로 화면을 찍어 확인했습니다(2~13번, 그 이미지를 직접 열어 본 것은 1~6번).
방법 1(README 명령) 시험: 12번의 실행은 방법 2로 했고, README 명령은 12번의 실행과 따로 시험했습니다. 빈 임시 HOME에서 프로젝트 폴더로 이동해 npx -y skills@1.7.4 add nutlope/hallmark -a claude-code -y(README 명령에 npx의 -y, 버전 고정 @1.7.4, 대상 에이전트 지정 -a claude-code, 확인 생략 -y를 더한 것)를 실행하자 종료 코드 0으로 3초 걸렸고, 레포를 받아 ./.claude/skills/hallmark/에 파일 107개를 복사하고 skills-lock.json을 만들었습니다. -g 없이 실행해 지금 폴더에 들어갔습니다. 복사된 폴더는 12번의 실행에 쓴 폴더와 차이가 없었고(diff 0줄) 진짜 홈 폴더는 바뀌지 않았습니다. npm 패키지 8개(skills 1.7.4와 의존 패키지 7개, 설치 스크립트가 있는 것은 없음, 약 7MB)는 시험 폴더 안 캐시에 받았고 사용 통계 전송은 껐습니다. 이 설치 뒤에 Claude Code를 띄워 /hallmark를 불러 보는 것까지는 하지 않았습니다.
비용·시간·권한 창: 12번 합계 18.52달러(claude-opus-5-5, Claude Code 2.1.304, 2026-10-22 01:00~01:30, 2~3개를 동시에 실행)입니다. 실행 하나에 166.9~380.3초(2.8~6.3분), 1.11~1.90달러가 들었고, 12번 모두 비용 상한 2달러(--max-budget-usd 2)에 걸리지 않았습니다. 다만 Claude Code가 매 턴 남은 예산을 모델에게 알려 주어서 run04('Budget was tight')·run08('비용을 아끼느라')·run12('예산이 빠듯해서')는 문서를 덜 읽었다고 스스로 밝혔습니다. 상한 없이 쓰면 문서를 더 읽을 수 있습니다(시험하지 않았습니다). 시험은 답할 사람이 없는 비대화형(claude -p) 실행이라 권한·셸 안전 검사에 막힌 도구 호출이 12번 모두에서 합계 23번(실행마다 1~5번) 있었습니다. 여러 동작이 한 명령에 들어 있어 승인이 필요하다고 막힌 것 9번, 셸 변수를 미리 확인할 수 없다고 막힌 것 8번, 중괄호 전개 3번, 거부 규칙에 걸린 것 2번(스킬 사본 폴더 아래에 .hallmark 만들기), 리다이렉트 대상 검사 1번이고, 모델은 매번 명령을 나누거나 Read·Grep·python3로 같은 일을 했습니다. 그 밖의 도구 오류는 3번(없는 경로를 ls한 것)이고, 금지한 명령·도구를 쓰려는 시도는 0번이었습니다. 대화형 세션에서 어떻게 보이는지는 시험하지 않았습니다.
시험하지 않은 것: study 동사(스크린샷·URL에서 남의 디자인의 구조를 뽑고 design.md를 내보내는 기능, URL을 읽는 동사라 막아 둠), 질문 단계, README가 안내하는 Cursor·Codex에 넣는 방법, 같은 프로젝트에서 이어 부르는 경우, 인터넷이 되는 환경, skills CLI의 -g 설치입니다.
라이선스와 출처: 레포는 MIT입니다. README는 만든 곳을 Together AI라고 적습니다. 결과물은 모델이 시험 폴더에서 새로 만든 HTML·CSS이고 레포의 예제·이미지를 복사하지 않았으며, 이 페이지에는 결과 캡처 PNG만 싣고 결과 HTML과 스킬 문서는 싣지 않았습니다.

결과물 12개

카드 한 장은 실행 한 번의 대표 화면입니다. 합성 PNG는 시험자가 결과 HTML을 헤드리스 Chrome에서 열어 찍은 정지 화면(데스크톱 1440 폭과 휴대폰 390 폭)을 세로 한 장에 붙인 것이고, 카드 속 라벨도 시험자가 붙였습니다. run02·05·06·10의 '누른 뒤' 화면은 시험자가 스크립트로 단추·칩·입력을 조작한 상태입니다. run07은 결과가 글(audit-report.md)이라 시험자가 그 글을 문서 카드로 찍어 붙였고, run08은 같은 입력의 이전과 이후(redesign 결과)를 함께 붙였습니다. run07·run08의 이전(입력) 화면은 시험자가 'AI가 만든 듯한' 요소(보라→파랑 그라데이션, 이모지 카드, 가짜 브라우저 창, 근거 없는 50,000명·10배·99.9%, 홍길동 후기)를 일부러 모아 만든 가상 페이지입니다. 스킬의 결과도 아니고 다른 서비스의 실제 페이지도 아닙니다. '프롬프트 전문 보기'를 누르면 프롬프트가 펼쳐집니다(요청 뒤에 시험 때마다 붙인 공통 진행 메모가 이어집니다). 테두리 카드(run07·08·10·12)는 서로 다른 일을 보여 주는 대표 결과입니다(run07 검사 보고서, run08 다시 디자인 전후, run10 칩을 누르면 걸러지는 포트폴리오, run12 한 번의 실행으로 나온 축제 첫 페이지). 화면 속 가게·서비스·단체·사람 이름과 숫자, 날짜는 모두 지어낸 값이고 같은 이름의 실제 가게나 서비스와 관계가 없습니다. '이름표(ireumpyo)'(run09)도 가상의 명령줄 도구이고 실제로 배포되는 도구가 아닙니다. run01·02·05의 영업 상태·오늘 날짜·'이번 주말'은 기기 시계로 바뀌는 문구라 캡처(2026-10-22 새벽) 기준입니다. run09 휴대폰 '한 화면 아래' 화면은 dry-run 출력 상자의 오른쪽이 잘려 보이는데, 상자 안에서 가로로 스크롤되는 구조입니다.

run07 · hallmark audit: 시험자가 만든 가상 '두 평 텃밭' 랜딩 페이지(보라→파랑 그라데이션, 가운데 정렬 히어로, 이모지 3열 카드, 가짜 브라우저 창, 근거 없는 '50,000명·10배·99.9%')를 고치지 않고 검사했다. audit-report.md에 지적 34개('14 critical · 13 major · 7 minor')가 정리됐고, 그중 32개에 파일:줄 위치, 29개에 게이트 번호가 붙었다. 320px에서 섹션 제목이 한 글자씩 세로로 무너지는 문제를 가장 먼저 고치라고 적었다.
프롬프트 전문 보기
/hallmark audit ./index.html ./style.css — 현재 폴더의 가상 서비스 '두 평 텃밭' 소개 페이지를 검사해 줘. 고치지는 말고, 결과는 화면에 보여 주고 audit-report.md로도 저장해 줘. [시험 진행 메모] - 무인 시험이다. 중간에 묻지 말고 끝까지 진행해(go ahead — don't ask). 대상·용도·톤은 요청에서 추론해 한 문장으로 밝히고 바로 만든다. 선택지를 물어야 할 것 같으면 스스로 하나를 골라 이유를 한 줄로 적고 진행한다. - Hallmark 절차는 줄이지 말고 SKILL.md대로 따른다(단계마다 읽으라는 레퍼런스를 읽고, 미리보기 블록을 쓰고, 7단계 슬롭 테스트까지). 시간 제한은 20분이니 페이지 범위만 요청한 만큼으로 한다. - 새로 만드는 결과물은 현재 폴더에 자체 완결형 HTML+CSS로 만든다(브라우저로 바로 열리게). 임시 파일도 현재 폴더 안에 둔다. 셸 명령은 cd와 셸 변수 없이, 현재 폴더 기준 경로나 절대 경로로 실행한다. - 이 장비에는 인터넷이 없다. 웹 글꼴(Google Fonts 등)·외부 이미지·CDN·자리 표시 사진 서비스를 쓰지 않는다. 그림은 SVG·CSS 도형으로 그린다. - 글꼴은 이 장비에 설치된 것만 font-family 이름으로 쓴다(@font-face로 글꼴 파일을 넣지 않는다). 한글: Noto Serif CJK KR·Noto Sans CJK KR(Regular·Bold 두 굵기)·Noto Sans Mono CJK KR. 라틴 문자: Noto Serif Display·Noto Serif·Noto Sans·URW Bookman·URW Gothic·C059·P052·Nimbus Sans Narrow·Ubuntu·Ubuntu Mono·DejaVu Sans Mono 등(fc-list로 확인할 수 있다). - 화면 글자는 한국어로 쓰고(영어는 조금만), 중국어·한자는 쓰지 않는다. 이름·숫자는 모두 가상이고, 숫자·후기는 요청에 준 것만 쓴다. 실존 브랜드·로고·사진·인물은 쓰지 않는다. - 화면 확인이 필요하면 google-chrome --headless=new --screenshot=파일 --window-size=폭,높이 file://경로 로 찍을 수 있다(인터넷 주소는 열리지 않는다). 계산·검사에는 python3를 써도 된다. 이 시험에서는 curl·wget·npm·npx·pip·node·git·rm 명령이 막혀 있다. 지울 파일은 그대로 둔다. - 끝나면 만들거나 고친 파일 경로를 알려 주고, 새로 만들었거나 다시 디자인했다면 Hallmark 미리보기 블록(매크로 구조·테마·슬롭 테스트 줄 포함)을 보여 줘.

run08 · hallmark redesign --mood soft: run07과 같은 가상 '두 평 텃밭' 페이지를 내용·섹션 순서·가격은 두고 다시 디자인했다. 스킬이 Garden 테마와 Map / Diagram 구조를 골라 신문 제호 같은 머리, 명조 제목 '바쁜 도시에서 가꾸는 내 몫의 두 평', 번호 1·2·3이 붙은 SVG 밭 평면도로 바꿨고, 근거 없는 '10배·99.9%·24/7'은 '수치 확인 필요' 회색 표시로, 후기 이름은 '이름 · 소개 확인 필요'로 바꿨다. 다만 run07 감사에서 근거 없는 표시로 지적된 '가장 인기'는 이모지만 빼고 남았다.
프롬프트 전문 보기
/hallmark redesign ./index.html --mood soft — 현재 폴더의 가상 서비스 '두 평 텃밭' 소개 페이지를 다시 디자인해 줘. 내용(문구의 의도·섹션 순서·가격)은 지키고 생김새와 구조를 바꾼다. 지금의 보라색 그라데이션은 정해진 브랜드 색이 아니다. index.html과 style.css를 고쳐도 된다. [시험 진행 메모] - 무인 시험이다. 중간에 묻지 말고 끝까지 진행해(go ahead — don't ask). 대상·용도·톤은 요청에서 추론해 한 문장으로 밝히고 바로 만든다. 선택지를 물어야 할 것 같으면 스스로 하나를 골라 이유를 한 줄로 적고 진행한다. - Hallmark 절차는 줄이지 말고 SKILL.md대로 따른다(단계마다 읽으라는 레퍼런스를 읽고, 미리보기 블록을 쓰고, 7단계 슬롭 테스트까지). 시간 제한은 20분이니 페이지 범위만 요청한 만큼으로 한다. - 새로 만드는 결과물은 현재 폴더에 자체 완결형 HTML+CSS로 만든다(브라우저로 바로 열리게). 임시 파일도 현재 폴더 안에 둔다. 셸 명령은 cd와 셸 변수 없이, 현재 폴더 기준 경로나 절대 경로로 실행한다. - 이 장비에는 인터넷이 없다. 웹 글꼴(Google Fonts 등)·외부 이미지·CDN·자리 표시 사진 서비스를 쓰지 않는다. 그림은 SVG·CSS 도형으로 그린다. - 글꼴은 이 장비에 설치된 것만 font-family 이름으로 쓴다(@font-face로 글꼴 파일을 넣지 않는다). 한글: Noto Serif CJK KR·Noto Sans CJK KR(Regular·Bold 두 굵기)·Noto Sans Mono CJK KR. 라틴 문자: Noto Serif Display·Noto Serif·Noto Sans·URW Bookman·URW Gothic·C059·P052·Nimbus Sans Narrow·Ubuntu·Ubuntu Mono·DejaVu Sans Mono 등(fc-list로 확인할 수 있다). - 화면 글자는 한국어로 쓰고(영어는 조금만), 중국어·한자는 쓰지 않는다. 이름·숫자는 모두 가상이고, 숫자·후기는 요청에 준 것만 쓴다. 실존 브랜드·로고·사진·인물은 쓰지 않는다. - 화면 확인이 필요하면 google-chrome --headless=new --screenshot=파일 --window-size=폭,높이 file://경로 로 찍을 수 있다(인터넷 주소는 열리지 않는다). 계산·검사에는 python3를 써도 된다. 이 시험에서는 curl·wget·npm·npx·pip·node·git·rm 명령이 막혀 있다. 지울 파일은 그대로 둔다. - 끝나면 만들거나 고친 파일 경로를 알려 주고, 새로 만들었거나 다시 디자인했다면 Hallmark 미리보기 블록(매크로 구조·테마·슬롭 테스트 줄 포함)을 보여 줘.

run10 · 가상 2인 일러스트 작업실 '네모난 귤 작업실' 포트폴리오(Brutal 지정, 영어 요청). 따뜻한 종이색에 굵은 고딕 제목 '둘이 그린 여덟 점.', 3px 검은 선, 둥근 모서리 없음. 작업 8점(포스터·책 표지·음반·포장·지도)은 모두 CSS·SVG 도형으로 그렸고, 시험자가 '음반' 칩을 누르자 '8점 중 2점 보는 중'으로 바뀌며 음반 2점만 남았다.
프롬프트 전문 보기
/hallmark Make a portfolio home page for '네모난 귤 작업실', a fictional two-person illustration studio. Theme: Brutal from the catalog. Eight works drawn only with CSS/SVG shapes (2 posters, 2 book covers, 2 album sleeves, 1 packaging, 1 illustrated map), filter chips by type that really filter, and each card shows a Korean title, the year (2023–2026) and the kind of client (no client names). Contact is a single line: studio@example.com. On-screen copy in Korean. [Test-run notes] - This is an unattended test run. Don't ask me anything; go all the way (go ahead — don't ask). Infer audience, use case and tone from the brief, state them in one sentence, and build right away. If you feel you need to offer choices, pick one yourself, give the reason in one line, and carry on. - Don't shorten the Hallmark procedure; follow SKILL.md as written (read the references each step tells you to read, write the preview block, and run the step-7 slop test). The time limit is 20 minutes, so keep the page to the scope of the brief. - Build anything new in the current folder as self-contained HTML+CSS (it must open straight in a browser). Keep temporary files inside the current folder too. Run shell commands without cd and without shell variables, using paths relative to the current folder or absolute paths. - This machine has no internet. Don't use web fonts (Google Fonts etc.), external images, CDNs or placeholder-photo services. Draw images with SVG and CSS shapes. - Use only fonts installed on this machine, by font-family name (no @font-face with font files). Hangul: Noto Serif CJK KR, Noto Sans CJK KR (Regular and Bold only), Noto Sans Mono CJK KR. Latin: Noto Serif Display, Noto Serif, Noto Sans, URW Bookman, URW Gothic, C059, P052, Nimbus Sans Narrow, Ubuntu, Ubuntu Mono, DejaVu Sans Mono and others (check with fc-list). - On-screen copy in Korean (a little English is fine), no Chinese characters at all. All names and numbers are fictional; use only the numbers and quotes given in the brief. No real brands, logos, photos or people. - If you need to look at the page, you can take screenshots with google-chrome --headless=new --screenshot=FILE --window-size=W,H file://PATH (internet addresses won't open). python3 is fine for calculations and checks. curl, wget, npm, npx, pip, node, git and rm are blocked in this test; leave files you would delete where they are. - When done, tell me the paths of the files you created or changed, and if you built or redesigned a page, show the Hallmark preview block (macrostructure, theme and slop-test row included).

run12 · 강변 여름밤 음악 축제 '물결 소리 야시장' 첫 페이지(Carnival 지정, 구체적 요구 5개). 스킬이 Carnival의 'Studio Night' 드롭(해 질 녘 분홍 종이 · 시안 · 자두색)을 골라 첫 화면을 축제 이름으로 채우고, 흐르는 안내 띠, 여섯 팀 이틀 시간표, 가·나·다·라 네 구역과 무대·강을 그린 SVG 장터 지도, '₩0 입장은 무료'와 비 오는 날 안내, 자원봉사 이메일 칸(보내지 않는 시연)을 이었다.
프롬프트 전문 보기
/hallmark 강변에서 이틀 동안 열리는 가상의 여름밤 음악 축제 '물결 소리 야시장'의 첫 페이지를 만들어 줘. 테마는 카탈로그의 Carnival. 꼭 들어갈 것: ① 첫 화면에 축제 이름과 날짜(2027년 8월 20일 금~21일 토, 18:00~23:00) ② 출연 여섯 팀과 무대 시간표(가상 팀: 오징어배 불빛, 종이비행기 합창단, 해질녘 브라스, 모래성 밴드, 늦잠 트리오, 파도 세는 사람들) ③ 먹거리 장터 지도(구역 네 곳, SVG로) ④ 입장 무료와 비 오는 날 일정 안내 ⑤ 자원봉사 신청 칸(이메일 입력과 단추). 공연 영상·사진 없이 도형과 글자로. [시험 진행 메모] - 무인 시험이다. 중간에 묻지 말고 끝까지 진행해(go ahead — don't ask). 대상·용도·톤은 요청에서 추론해 한 문장으로 밝히고 바로 만든다. 선택지를 물어야 할 것 같으면 스스로 하나를 골라 이유를 한 줄로 적고 진행한다. - Hallmark 절차는 줄이지 말고 SKILL.md대로 따른다(단계마다 읽으라는 레퍼런스를 읽고, 미리보기 블록을 쓰고, 7단계 슬롭 테스트까지). 시간 제한은 20분이니 페이지 범위만 요청한 만큼으로 한다. - 새로 만드는 결과물은 현재 폴더에 자체 완결형 HTML+CSS로 만든다(브라우저로 바로 열리게). 임시 파일도 현재 폴더 안에 둔다. 셸 명령은 cd와 셸 변수 없이, 현재 폴더 기준 경로나 절대 경로로 실행한다. - 이 장비에는 인터넷이 없다. 웹 글꼴(Google Fonts 등)·외부 이미지·CDN·자리 표시 사진 서비스를 쓰지 않는다. 그림은 SVG·CSS 도형으로 그린다. - 글꼴은 이 장비에 설치된 것만 font-family 이름으로 쓴다(@font-face로 글꼴 파일을 넣지 않는다). 한글: Noto Serif CJK KR·Noto Sans CJK KR(Regular·Bold 두 굵기)·Noto Sans Mono CJK KR. 라틴 문자: Noto Serif Display·Noto Serif·Noto Sans·URW Bookman·URW Gothic·C059·P052·Nimbus Sans Narrow·Ubuntu·Ubuntu Mono·DejaVu Sans Mono 등(fc-list로 확인할 수 있다). - 화면 글자는 한국어로 쓰고(영어는 조금만), 중국어·한자는 쓰지 않는다. 이름·숫자는 모두 가상이고, 숫자·후기는 요청에 준 것만 쓴다. 실존 브랜드·로고·사진·인물은 쓰지 않는다. - 화면 확인이 필요하면 google-chrome --headless=new --screenshot=파일 --window-size=폭,높이 file://경로 로 찍을 수 있다(인터넷 주소는 열리지 않는다). 계산·검사에는 python3를 써도 된다. 이 시험에서는 curl·wget·npm·npx·pip·node·git·rm 명령이 막혀 있다. 지울 파일은 그대로 둔다. - 끝나면 만들거나 고친 파일 경로를 알려 주고, 새로 만들었거나 다시 디자인했다면 Hallmark 미리보기 블록(매크로 구조·테마·슬롭 테스트 줄 포함)을 보여 줘.

run01 · 동네 옷 수선집 '바늘귀 수선실' 소개 페이지. 테마를 지정하지 않았고 스킬이 Atelier(따뜻한 종이색·명조 제목·실 빨강 강조)와 Narrative Workflow(옷 맡기기 1·2·3 단계)를 골랐다. 직접 그린 SVG 바늘과 실·바지·지퍼·단추, 요일별 영업 표, 편지처럼 맺는 푸터('— 바늘귀 수선실 드림').
프롬프트 전문 보기
/hallmark 동네 옷 수선집 '바늘귀 수선실'의 소개 페이지를 만들어 줘. 바지 기장 줄이기·지퍼 교체·단추 달기를 하고, 맡긴 옷은 사흘 안에 찾아간다. 영업은 화~토 10시~19시, 일·월 휴무. [시험 진행 메모] - 무인 시험이다. 중간에 묻지 말고 끝까지 진행해(go ahead — don't ask). 대상·용도·톤은 요청에서 추론해 한 문장으로 밝히고 바로 만든다. 선택지를 물어야 할 것 같으면 스스로 하나를 골라 이유를 한 줄로 적고 진행한다. - 결과물은 현재 폴더에 자체 완결형 HTML+CSS로 만든다(브라우저로 바로 열리게). 임시 파일도 현재 폴더 안에 둔다. - 이 장비에는 인터넷이 없다. 웹 글꼴(Google Fonts 등)·외부 이미지·CDN·자리 표시 사진 서비스를 쓰지 않는다. 그림은 SVG·CSS 도형으로 그린다. - 글꼴은 이 장비에 설치된 것만 font-family 이름으로 쓴다(@font-face로 글꼴 파일을 넣지 않는다). 한글: Noto Serif CJK KR·Noto Sans CJK KR(Regular·Bold 두 굵기)·Noto Sans Mono CJK KR. 라틴 문자: Noto Serif Display·Noto Serif·Noto Sans·URW Bookman·URW Gothic·C059·P052·Nimbus Sans Narrow·Ubuntu·Ubuntu Mono·DejaVu Sans Mono 등(fc-list로 확인할 수 있다). - 화면 글자는 한국어로 쓰고(영어는 조금만), 중국어·한자는 쓰지 않는다. 이름·숫자는 모두 가상이고, 숫자·후기는 요청에 준 것만 쓴다. 실존 브랜드·로고·사진·인물은 쓰지 않는다. - 화면 확인이 필요하면 google-chrome --headless=new --screenshot=파일 --window-size=폭,높이 file://경로 로 찍을 수 있다(인터넷 주소는 열리지 않는다). 계산·검사에는 python3를 써도 된다. 이 시험에서는 curl·wget·npm·npx·pip·node·git·rm 명령이 막혀 있다. 지울 파일은 그대로 둔다. - 시간 제한이 있으니(약 15분) 범위를 넓히지 말 것. 끝나면 만든 파일 경로와 Hallmark 미리보기 블록(매크로 구조·테마·슬롭 테스트 줄 포함)을 보여 줘.

run02 · 가족 화분 물주기 당번 앱 '물조리개 당번' 첫 화면(Hum 지정, 휴대폰 기준). 노란 '오늘의 당번' 카드, 요일별 당번표, 화분 4개 목록(다음 물 줄 날·물기 막대), 직접 그린 SVG 화분과 물뿌리개. 시험자가 '바질 물 줬어요'를 누르자 바로 '다 줬어요'로 바뀌고 아래에 되돌리기 막대가 떴다. 넓은 화면(880px 이상)은 두 칸.
프롬프트 전문 보기
/hallmark 가족이 집 화분 물주기 당번을 나누는 앱 '물조리개 당번'의 첫 화면을 만들어 줘(휴대폰 화면 기준, 넓은 화면에서도 깨지지 않게). 테마는 카탈로그의 Hum. 화면에 들어갈 것: 오늘의 당번(둘째 하준), 화분 4개(몬스테라 3일 전, 스투키 12일 전, 바질 1일 전, 고무나무 6일 전에 물 줌)와 다음에 물 줄 날, '물 줬어요' 단추(누르면 바로 반영되고 되돌릴 수 있게), 이번 주 당번표(엄마·아빠·하준·서연). [시험 진행 메모] - 무인 시험이다. 중간에 묻지 말고 끝까지 진행해(go ahead — don't ask). 대상·용도·톤은 요청에서 추론해 한 문장으로 밝히고 바로 만든다. 선택지를 물어야 할 것 같으면 스스로 하나를 골라 이유를 한 줄로 적고 진행한다. - 결과물은 현재 폴더에 자체 완결형 HTML+CSS로 만든다(브라우저로 바로 열리게). 임시 파일도 현재 폴더 안에 둔다. - 이 장비에는 인터넷이 없다. 웹 글꼴(Google Fonts 등)·외부 이미지·CDN·자리 표시 사진 서비스를 쓰지 않는다. 그림은 SVG·CSS 도형으로 그린다. - 글꼴은 이 장비에 설치된 것만 font-family 이름으로 쓴다(@font-face로 글꼴 파일을 넣지 않는다). 한글: Noto Serif CJK KR·Noto Sans CJK KR(Regular·Bold 두 굵기)·Noto Sans Mono CJK KR. 라틴 문자: Noto Serif Display·Noto Serif·Noto Sans·URW Bookman·URW Gothic·C059·P052·Nimbus Sans Narrow·Ubuntu·Ubuntu Mono·DejaVu Sans Mono 등(fc-list로 확인할 수 있다). - 화면 글자는 한국어로 쓰고(영어는 조금만), 중국어·한자는 쓰지 않는다. 이름·숫자는 모두 가상이고, 숫자·후기는 요청에 준 것만 쓴다. 실존 브랜드·로고·사진·인물은 쓰지 않는다. - 화면 확인이 필요하면 google-chrome --headless=new --screenshot=파일 --window-size=폭,높이 file://경로 로 찍을 수 있다(인터넷 주소는 열리지 않는다). 계산·검사에는 python3를 써도 된다. 이 시험에서는 curl·wget·npm·npx·pip·node·git·rm 명령이 막혀 있다. 지울 파일은 그대로 둔다. - 시간 제한이 있으니(약 15분) 범위를 넓히지 말 것. 끝나면 만든 파일 경로와 Hallmark 미리보기 블록(매크로 구조·테마·슬롭 테스트 줄 포함)을 보여 줘.

run03 · 가상 1인 문구점 '연필깎이 상점'의 아침 대시보드(Coral 지정, CSV 두 개 입력). Stat-Led 구조로 '38건 · 그중 12건이 아직 출고를 기다립니다'가 맨 위에 오고, 7일 매출 막대(오늘만 코랄), 많이 팔린 품목 5개, 재고가 7일 판매량보다 적은 품목 3개, 날짜별 반품 요청이 이어진다. 화면의 숫자는 모두 두 파일의 값.
프롬프트 전문 보기
/hallmark 현재 폴더의 orders_week.csv와 top_items.csv(가상의 1인 온라인 문구점 '연필깎이 상점'의 지난 7일 주문 기록과 많이 팔린 품목)로 사장님이 아침에 여는 대시보드 첫 화면을 만들어 줘. 테마는 카탈로그의 Coral. 꼭 보여 줄 것: 오늘(10월 22일) 주문 수와 출고 대기 수, 7일 매출 흐름, 많이 팔린 품목 5개와 재고가 적은 품목, 반품 요청. 숫자는 파일에 있는 것만 쓴다. [시험 진행 메모] - 무인 시험이다. 중간에 묻지 말고 끝까지 진행해(go ahead — don't ask). 대상·용도·톤은 요청에서 추론해 한 문장으로 밝히고 바로 만든다. 선택지를 물어야 할 것 같으면 스스로 하나를 골라 이유를 한 줄로 적고 진행한다. - Hallmark 절차는 줄이지 말고 SKILL.md대로 따른다(단계마다 읽으라는 레퍼런스를 읽고, 미리보기 블록을 쓰고, 7단계 슬롭 테스트까지). 시간 제한은 20분이니 페이지 범위만 요청한 만큼으로 한다. - 새로 만드는 결과물은 현재 폴더에 자체 완결형 HTML+CSS로 만든다(브라우저로 바로 열리게). 임시 파일도 현재 폴더 안에 둔다. 셸 명령은 cd와 셸 변수 없이, 현재 폴더 기준 경로나 절대 경로로 실행한다. - 이 장비에는 인터넷이 없다. 웹 글꼴(Google Fonts 등)·외부 이미지·CDN·자리 표시 사진 서비스를 쓰지 않는다. 그림은 SVG·CSS 도형으로 그린다. - 글꼴은 이 장비에 설치된 것만 font-family 이름으로 쓴다(@font-face로 글꼴 파일을 넣지 않는다). 한글: Noto Serif CJK KR·Noto Sans CJK KR(Regular·Bold 두 굵기)·Noto Sans Mono CJK KR. 라틴 문자: Noto Serif Display·Noto Serif·Noto Sans·URW Bookman·URW Gothic·C059·P052·Nimbus Sans Narrow·Ubuntu·Ubuntu Mono·DejaVu Sans Mono 등(fc-list로 확인할 수 있다). - 화면 글자는 한국어로 쓰고(영어는 조금만), 중국어·한자는 쓰지 않는다. 이름·숫자는 모두 가상이고, 숫자·후기는 요청에 준 것만 쓴다. 실존 브랜드·로고·사진·인물은 쓰지 않는다. - 화면 확인이 필요하면 google-chrome --headless=new --screenshot=파일 --window-size=폭,높이 file://경로 로 찍을 수 있다(인터넷 주소는 열리지 않는다). 계산·검사에는 python3를 써도 된다. 이 시험에서는 curl·wget·npm·npx·pip·node·git·rm 명령이 막혀 있다. 지울 파일은 그대로 둔다. - 끝나면 만들거나 고친 파일 경로를 알려 주고, 새로 만들었거나 다시 디자인했다면 Hallmark 미리보기 블록(매크로 구조·테마·슬롭 테스트 줄 포함)을 보여 줘.

run04 · 독립출판 북페어 '골목 책장 장터' 행사 안내(Riso 지정). 복숭아색 종이에 남색 굵은 제목, 분홍이 어긋나 찍힌 듯한 그림자와 노란 망점, 인쇄 맞춤 표시. 이틀 시간표 격자(낭독회·리소 인쇄 체험·표지 그리기 대회), 직접 그린 SVG 약도, 접히는 자주 묻는 질문. 휴대폰 폭에서는 오른쪽 가장자리의 인쇄 맞춤 표시(⌖)가 반쯤 잘려 보인다(장식).
프롬프트 전문 보기
/hallmark 독립출판 북페어 '골목 책장 장터'의 행사 안내 페이지를 만들어 줘. 테마는 카탈로그의 Riso. 일정은 11월 14일(토)~15일(일) 11:00~18:00, 장소는 옛 정미소 창고(가상), 참가 42팀, 입장 무료. 프로그램 세 개: 토요일 14시 작가 낭독회, 이틀 내내 리소 인쇄 체험(선착순 60명), 일요일 16시 표지 그리기 대회. 찾아오는 길과 자주 묻는 질문 두세 개도 넣어 줘. [시험 진행 메모] - 무인 시험이다. 중간에 묻지 말고 끝까지 진행해(go ahead — don't ask). 대상·용도·톤은 요청에서 추론해 한 문장으로 밝히고 바로 만든다. 선택지를 물어야 할 것 같으면 스스로 하나를 골라 이유를 한 줄로 적고 진행한다. - Hallmark 절차는 줄이지 말고 SKILL.md대로 따른다(단계마다 읽으라는 레퍼런스를 읽고, 미리보기 블록을 쓰고, 7단계 슬롭 테스트까지). 시간 제한은 20분이니 페이지 범위만 요청한 만큼으로 한다. - 새로 만드는 결과물은 현재 폴더에 자체 완결형 HTML+CSS로 만든다(브라우저로 바로 열리게). 임시 파일도 현재 폴더 안에 둔다. 셸 명령은 cd와 셸 변수 없이, 현재 폴더 기준 경로나 절대 경로로 실행한다. - 이 장비에는 인터넷이 없다. 웹 글꼴(Google Fonts 등)·외부 이미지·CDN·자리 표시 사진 서비스를 쓰지 않는다. 그림은 SVG·CSS 도형으로 그린다. - 글꼴은 이 장비에 설치된 것만 font-family 이름으로 쓴다(@font-face로 글꼴 파일을 넣지 않는다). 한글: Noto Serif CJK KR·Noto Sans CJK KR(Regular·Bold 두 굵기)·Noto Sans Mono CJK KR. 라틴 문자: Noto Serif Display·Noto Serif·Noto Sans·URW Bookman·URW Gothic·C059·P052·Nimbus Sans Narrow·Ubuntu·Ubuntu Mono·DejaVu Sans Mono 등(fc-list로 확인할 수 있다). - 화면 글자는 한국어로 쓰고(영어는 조금만), 중국어·한자는 쓰지 않는다. 이름·숫자는 모두 가상이고, 숫자·후기는 요청에 준 것만 쓴다. 실존 브랜드·로고·사진·인물은 쓰지 않는다. - 화면 확인이 필요하면 google-chrome --headless=new --screenshot=파일 --window-size=폭,높이 file://경로 로 찍을 수 있다(인터넷 주소는 열리지 않는다). 계산·검사에는 python3를 써도 된다. 이 시험에서는 curl·wget·npm·npx·pip·node·git·rm 명령이 막혀 있다. 지울 파일은 그대로 둔다. - 끝나면 만들거나 고친 파일 경로를 알려 주고, 새로 만들었거나 다시 디자인했다면 Hallmark 미리보기 블록(매크로 구조·테마·슬롭 테스트 줄 포함)을 보여 줘.

run05 · 시민 천문대 '별밭 천문대' 야간 관측 예약 화면(Midnight 지정). 어두운 남색 바탕에 1.0 날짜 → 2.0 시간대 → 3.0 인원 → 4.0 확인. 20:30 마감 회차는 고를 수 없고, 다 고르기 전에는 예약 단추가 비활성이다. 시험자가 토요일 21:30·어른 2·어린이 1을 고르자 합계 7,500원과 단계별 체크 표시가 나왔다.
프롬프트 전문 보기
/hallmark 시민 천문대 '별밭 천문대'의 야간 관측 예약 화면을 만들어 줘. 테마는 카탈로그의 Midnight. 날짜(이번 주 금·토·일) → 시간대 → 인원 → 확인 순서로 고르는 한 화면이다. 시간대는 19:30(남은 자리 6), 20:30(마감), 21:30(남은 자리 11). 요금은 어른 3,000원, 어린이 1,500원이고 합계가 바로 바뀐다. 마감된 시간대는 고를 수 없게 하고, 예약 단추는 다 고르기 전까지 누를 수 없게. 흐린 날 취소 안내 한 줄도. [시험 진행 메모] - 무인 시험이다. 중간에 묻지 말고 끝까지 진행해(go ahead — don't ask). 대상·용도·톤은 요청에서 추론해 한 문장으로 밝히고 바로 만든다. 선택지를 물어야 할 것 같으면 스스로 하나를 골라 이유를 한 줄로 적고 진행한다. - Hallmark 절차는 줄이지 말고 SKILL.md대로 따른다(단계마다 읽으라는 레퍼런스를 읽고, 미리보기 블록을 쓰고, 7단계 슬롭 테스트까지). 시간 제한은 20분이니 페이지 범위만 요청한 만큼으로 한다. - 새로 만드는 결과물은 현재 폴더에 자체 완결형 HTML+CSS로 만든다(브라우저로 바로 열리게). 임시 파일도 현재 폴더 안에 둔다. 셸 명령은 cd와 셸 변수 없이, 현재 폴더 기준 경로나 절대 경로로 실행한다. - 이 장비에는 인터넷이 없다. 웹 글꼴(Google Fonts 등)·외부 이미지·CDN·자리 표시 사진 서비스를 쓰지 않는다. 그림은 SVG·CSS 도형으로 그린다. - 글꼴은 이 장비에 설치된 것만 font-family 이름으로 쓴다(@font-face로 글꼴 파일을 넣지 않는다). 한글: Noto Serif CJK KR·Noto Sans CJK KR(Regular·Bold 두 굵기)·Noto Sans Mono CJK KR. 라틴 문자: Noto Serif Display·Noto Serif·Noto Sans·URW Bookman·URW Gothic·C059·P052·Nimbus Sans Narrow·Ubuntu·Ubuntu Mono·DejaVu Sans Mono 등(fc-list로 확인할 수 있다). - 화면 글자는 한국어로 쓰고(영어는 조금만), 중국어·한자는 쓰지 않는다. 이름·숫자는 모두 가상이고, 숫자·후기는 요청에 준 것만 쓴다. 실존 브랜드·로고·사진·인물은 쓰지 않는다. - 화면 확인이 필요하면 google-chrome --headless=new --screenshot=파일 --window-size=폭,높이 file://경로 로 찍을 수 있다(인터넷 주소는 열리지 않는다). 계산·검사에는 python3를 써도 된다. 이 시험에서는 curl·wget·npm·npx·pip·node·git·rm 명령이 막혀 있다. 지울 파일은 그대로 둔다. - 끝나면 만들거나 고친 파일 경로를 알려 주고, 새로 만들었거나 다시 디자인했다면 Hallmark 미리보기 블록(매크로 구조·테마·슬롭 테스트 줄 포함)을 보여 줘.

run06 · 가상 도시 '물푸레시'의 12월 시내버스 노선 개편 안내(Grid 지정, Markdown 입력). 12단 세로 격자선 위에 '12월 1일부터 버스 노선 7개가 바뀝니다'와 구분별 노선 수 막대, 크게 잘린 숫자 7. 7개 노선 비교표는 파일 글자 그대로이고, '내 노선 찾기'에 시험자가 31을 넣자 그 줄만 붉은 선으로 강조되고 나머지는 흐려졌다. 붉은 띠는 '함께 알아 둘 것' 한 곳.
프롬프트 전문 보기
/hallmark 현재 폴더의 노선개편_안내.md(가상 도시 물푸레시의 12월 시내버스 노선 개편 내용)로 시민 안내 페이지를 만들어 줘. 테마는 카탈로그의 Grid. 노선 번호·정류장·시간은 파일 그대로 쓰고, 바뀌는 노선 7개를 한눈에 비교할 수 있게 해 줘. 노선 번호를 넣으면 그 줄이 강조되는 '내 노선 찾기'도 넣어 줘. [시험 진행 메모] - 무인 시험이다. 중간에 묻지 말고 끝까지 진행해(go ahead — don't ask). 대상·용도·톤은 요청에서 추론해 한 문장으로 밝히고 바로 만든다. 선택지를 물어야 할 것 같으면 스스로 하나를 골라 이유를 한 줄로 적고 진행한다. - Hallmark 절차는 줄이지 말고 SKILL.md대로 따른다(단계마다 읽으라는 레퍼런스를 읽고, 미리보기 블록을 쓰고, 7단계 슬롭 테스트까지). 시간 제한은 20분이니 페이지 범위만 요청한 만큼으로 한다. - 새로 만드는 결과물은 현재 폴더에 자체 완결형 HTML+CSS로 만든다(브라우저로 바로 열리게). 임시 파일도 현재 폴더 안에 둔다. 셸 명령은 cd와 셸 변수 없이, 현재 폴더 기준 경로나 절대 경로로 실행한다. - 이 장비에는 인터넷이 없다. 웹 글꼴(Google Fonts 등)·외부 이미지·CDN·자리 표시 사진 서비스를 쓰지 않는다. 그림은 SVG·CSS 도형으로 그린다. - 글꼴은 이 장비에 설치된 것만 font-family 이름으로 쓴다(@font-face로 글꼴 파일을 넣지 않는다). 한글: Noto Serif CJK KR·Noto Sans CJK KR(Regular·Bold 두 굵기)·Noto Sans Mono CJK KR. 라틴 문자: Noto Serif Display·Noto Serif·Noto Sans·URW Bookman·URW Gothic·C059·P052·Nimbus Sans Narrow·Ubuntu·Ubuntu Mono·DejaVu Sans Mono 등(fc-list로 확인할 수 있다). - 화면 글자는 한국어로 쓰고(영어는 조금만), 중국어·한자는 쓰지 않는다. 이름·숫자는 모두 가상이고, 숫자·후기는 요청에 준 것만 쓴다. 실존 브랜드·로고·사진·인물은 쓰지 않는다. - 화면 확인이 필요하면 google-chrome --headless=new --screenshot=파일 --window-size=폭,높이 file://경로 로 찍을 수 있다(인터넷 주소는 열리지 않는다). 계산·검사에는 python3를 써도 된다. 이 시험에서는 curl·wget·npm·npx·pip·node·git·rm 명령이 막혀 있다. 지울 파일은 그대로 둔다. - 끝나면 만들거나 고친 파일 경로를 알려 주고, 새로 만들었거나 다시 디자인했다면 Hallmark 미리보기 블록(매크로 구조·테마·슬롭 테스트 줄 포함)을 보여 줘.

run09 · 가상 명령줄 도구 '이름표(ireumpyo)' 제품 페이지(Terminal 지정, 영어 요청). 짙은 녹색 바탕에 형광 녹색 강조, 고정폭 제목. 머리는 '~/$ ireumpyo --dry-run --by date --undo # 안전장치'와 깜빡이는 커서, 본문은 1.0 --dry-run → 2.0 --by date → 3.0 --undo 순서이고 dry-run 출력(바꿀 이름 5 · 그대로 둠 1 · 덮어쓰기 0)을 가짜 터미널 창 없이 선과 라벨로 보여 준다.
프롬프트 전문 보기
/hallmark Build a product page for '이름표', a fictional command-line tool that renames a folder of photos by the date they were taken (command: `ireumpyo`). Theme: Terminal from the catalog. Show three usage examples (`ireumpyo ./사진 --by date`, `ireumpyo ./사진 --dry-run`, `ireumpyo --undo`), what a dry run prints (before → after file names), and a short '안전장치' section (nothing is ever overwritten; every run writes an undo log). On-screen copy in Korean; commands and flags stay in English. No install instructions. [Test-run notes] - This is an unattended test run. Don't ask me anything; go all the way (go ahead — don't ask). Infer audience, use case and tone from the brief, state them in one sentence, and build right away. If you feel you need to offer choices, pick one yourself, give the reason in one line, and carry on. - Don't shorten the Hallmark procedure; follow SKILL.md as written (read the references each step tells you to read, write the preview block, and run the step-7 slop test). The time limit is 20 minutes, so keep the page to the scope of the brief. - Build anything new in the current folder as self-contained HTML+CSS (it must open straight in a browser). Keep temporary files inside the current folder too. Run shell commands without cd and without shell variables, using paths relative to the current folder or absolute paths. - This machine has no internet. Don't use web fonts (Google Fonts etc.), external images, CDNs or placeholder-photo services. Draw images with SVG and CSS shapes. - Use only fonts installed on this machine, by font-family name (no @font-face with font files). Hangul: Noto Serif CJK KR, Noto Sans CJK KR (Regular and Bold only), Noto Sans Mono CJK KR. Latin: Noto Serif Display, Noto Serif, Noto Sans, URW Bookman, URW Gothic, C059, P052, Nimbus Sans Narrow, Ubuntu, Ubuntu Mono, DejaVu Sans Mono and others (check with fc-list). - On-screen copy in Korean (a little English is fine), no Chinese characters at all. All names and numbers are fictional; use only the numbers and quotes given in the brief. No real brands, logos, photos or people. - If you need to look at the page, you can take screenshots with google-chrome --headless=new --screenshot=FILE --window-size=W,H file://PATH (internet addresses won't open). python3 is fine for calculations and checks. curl, wget, npm, npx, pip, node, git and rm are blocked in this test; leave files you would delete where they are. - When done, tell me the paths of the files you created or changed, and if you built or redesigned a page, show the Hallmark preview block (macrostructure, theme and slop-test row included).

run11 · 가상 찻집 '젖은 돌 찻집' 가을 메뉴판(커스텀 테마 요청). 스킬이 카탈로그 대신 분위기 단어로 팔레트를 새로 만들었다: 안개빛 회록 종이 oklch(94% 0.012 140), 이끼 강조 oklch(50% 0.12 135), Noto Serif CJK KR 제목. 젖은 돌 위 무쇠 주전자와 이끼·안개 선을 SVG로 그렸고, 차 여섯 가지·다과 두 가지·영업 시간을 Index-First 목록으로 놓았다.
프롬프트 전문 보기
/hallmark 가상의 찻집 '젖은 돌 찻집'의 가을 메뉴판 페이지를 만들어 줘. 카탈로그 테마 말고 커스텀 테마(custom theme)로 해 줘. 분위기는 '이끼, 젖은 돌, 새벽 안개, 무쇠 주전자', 기준 색은 이끼색이다. 메뉴는 차 여섯 가지(덖음 녹차 6,000원, 볶은 보리차 4,500원, 유자 생강차 6,500원, 대추 계피차 6,500원, 쑥 라테 7,000원, 오늘의 냉침차 5,500원)와 다과 두 가지(흑임자 인절미 4,000원, 밤 양갱 3,500원). 영업 시간은 수~일 11:00~21:00. [시험 진행 메모] - 무인 시험이다. 중간에 묻지 말고 끝까지 진행해(go ahead — don't ask). 대상·용도·톤은 요청에서 추론해 한 문장으로 밝히고 바로 만든다. 선택지를 물어야 할 것 같으면 스스로 하나를 골라 이유를 한 줄로 적고 진행한다. - Hallmark 절차는 줄이지 말고 SKILL.md대로 따른다(단계마다 읽으라는 레퍼런스를 읽고, 미리보기 블록을 쓰고, 7단계 슬롭 테스트까지). 시간 제한은 20분이니 페이지 범위만 요청한 만큼으로 한다. - 새로 만드는 결과물은 현재 폴더에 자체 완결형 HTML+CSS로 만든다(브라우저로 바로 열리게). 임시 파일도 현재 폴더 안에 둔다. 셸 명령은 cd와 셸 변수 없이, 현재 폴더 기준 경로나 절대 경로로 실행한다. - 이 장비에는 인터넷이 없다. 웹 글꼴(Google Fonts 등)·외부 이미지·CDN·자리 표시 사진 서비스를 쓰지 않는다. 그림은 SVG·CSS 도형으로 그린다. - 글꼴은 이 장비에 설치된 것만 font-family 이름으로 쓴다(@font-face로 글꼴 파일을 넣지 않는다). 한글: Noto Serif CJK KR·Noto Sans CJK KR(Regular·Bold 두 굵기)·Noto Sans Mono CJK KR. 라틴 문자: Noto Serif Display·Noto Serif·Noto Sans·URW Bookman·URW Gothic·C059·P052·Nimbus Sans Narrow·Ubuntu·Ubuntu Mono·DejaVu Sans Mono 등(fc-list로 확인할 수 있다). - 화면 글자는 한국어로 쓰고(영어는 조금만), 중국어·한자는 쓰지 않는다. 이름·숫자는 모두 가상이고, 숫자·후기는 요청에 준 것만 쓴다. 실존 브랜드·로고·사진·인물은 쓰지 않는다. - 화면 확인이 필요하면 google-chrome --headless=new --screenshot=파일 --window-size=폭,높이 file://경로 로 찍을 수 있다(인터넷 주소는 열리지 않는다). 계산·검사에는 python3를 써도 된다. 이 시험에서는 curl·wget·npm·npx·pip·node·git·rm 명령이 막혀 있다. 지울 파일은 그대로 둔다. - 끝나면 만들거나 고친 파일 경로를 알려 주고, 새로 만들었거나 다시 디자인했다면 Hallmark 미리보기 블록(매크로 구조·테마·슬롭 테스트 줄 포함)을 보여 줘.