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

클릭으로 경로를 따라가는 다이어그램 HTML을 만드는 스킬, archify

최근 7일 포크가 100개 이상인 레포의 스킬을 서로 다른 프롬프트 12개로 직접 12번 실행해, 12번 모두 자동 검사를 통과한 HTML이 나온 기록과 README 설치 명령입니다.

기준: 2026-10-21T06:24:39+00:00 · 스타는 누적값(이 레포는 스타 증가량 자료가 없다)

claude-codeskills

tt-a1i/archify

요청을 다이어그램 10종이나 '결론 먼저' 한 장 답변으로 바꿔, 스킬 안의 자동 검사를 통과한 HTML 한 파일로 만들어 줍니다. 노드를 눌러 경로를 따라갈 수 있고, 코드 폴더를 읽히면 노드마다 파일·줄 근거를 붙일 수 있습니다.

설치 방법

README의 방법 중 하나만 고르면 됩니다. 방법 1은 Node.js 22.20 이상이 필요하고(skills CLI 1.7.4 기준) 방법 2는 Node.js 18 이상이면 됩니다. Claude.ai(archify.zip 올리기)와 Codex CLI용 폴더 위치도 README에 있지만 해 보지 못했습니다. 12번의 실행은 방법 2로 했고 방법 1은 실행을 마친 뒤 따로 시험했습니다(아래 '써 보니').

방법 1 · 터미널에서 실행 (README 빠른 시작 · 사용자 전역 설치 · 빈 임시 HOME에서 설치까지 시험함)

npx skills add tt-a1i/archify -g

방법 2 · 프로젝트 폴더에 복사 (README 설치 옵션 표 · 12번의 실행에 쓴 방식 · 명령은 README에 없어 시험 때 쓴 것, 경로만 줄임)

git clone --depth 1 https://github.com/tt-a1i/archify archify-src
mkdir -p .claude/skills/archify
rsync -a --exclude .git archify-src/archify/ .claude/skills/archify/

2026-04-15에 만들어진 레포로(생성 189일) 누적 스타는 86,618개이고 라이선스는 MIT입니다. 집계 시점의 GitHub 트렌딩 목록(전체·언어별 페이지)에는 없었고, 최근 7일 새 포크는 100개 이상입니다(스크립트가 100개까지만 세므로 '이상'으로 읽어 주세요). 최근 7일 스타 증가량은 재지 못했고, 생성 이후 하루 평균은 약 458개입니다(참고용 평균). 시험한 것은 레포의 archify/ 폴더(스킬 3.2.0, 커밋 25cf370)이고, 서로 다른 프롬프트 12개로 12번 실행해 12번 모두 스킬 안의 자동 검사를 통과한 HTML이 나왔습니다. 다이어그램 10종을 한 번씩, 한 장 답변을 두 번 그렸고, 첫 검사에서 떨어진 4번(run01은 메시지 간격, run03은 캔버스 폭 1300px가 한도 1240px 초과, run06은 표 칸 너비로 2번)은 모델이 고쳐 같은 실행 안에서 통과했습니다. 12번 모두 모델이 화면을 눈으로 확인하지 않았으므로, 여기서 '검증'은 자동 검사 통과만 뜻합니다.

12회성공 실행
12회전체 실행
106초평균 소요

필요 조건

스킬을 부르면 모델이 스킬 문서(SKILL.md·참고 문서·스키마·예제)를 읽고 다이어그램 JSON이나 Markdown 초안을 쓴 뒤, node로 스킬 안의 CLI(bin/archify.mjs finalize)를 돌린다. finalize는 스키마·레이아웃 검사 → 결과 파일 저장 → 정밀 검사 → 헤드리스 Chrome 검사(한 장 답변은 앞의 셋)를 모두 통과해야 HTML을 내놓고, 실패하면 고칠 곳을 JSON으로 알려 준다. 기본 설정에서는 finalize·deliver 때마다 업데이트 확인을 하지만, 고정 주소 하나(tt-a1i.github.io의 stable.json)로 GET을 보내는 것은 ~/.cache/archify-skill에 적힌 다음 확인 시각이 지났을 때뿐이다(처음에는 적힌 시각이 없어 바로, 성공 뒤 약 24시간±20%, 실패 뒤 6시간→24시간). 확인 결과는 그 폴더에 캐시한다(ARCHIFY_UPDATE_CHECK_DISABLED=1로 끈다). 결과 HTML은 외부 요청이 없다. 한 장 답변을 만든 뒤에는 '앞으로 이런 페이지를 알아서 만들까요?'라고 묻고, 수락하면 에이전트 전역 규칙 파일(~/.claude/CLAUDE.md 등)에 한 줄을 추가한다(시험은 무인 실행이라 수락하지 않았고, 진짜 홈 폴더의 스킬·규칙 파일은 바뀌지 않았다).

시험할 때 실제로 실행한 명령
# $T = 시험용 작업 폴더(전체 경로는 생략)
git clone --depth 1 https://github.com/tt-a1i/archify $T/src  (커밋 25cf370, 2026-10-19)
npm view skills@latest name version engines --json  (조회만, 설치 아님. npm 캐시 $T/.npm-cache. 결과: skills 1.7.4, engines.node >=22.20.0 → 시험 당시 이 장비(Node 18.19.1)에서는 npx skills add를 쓸 수 없었다. 실행을 마친 뒤 Node를 22.23.3으로 올려 따로 시험했다)
사전 확인(시험자, 모델 실행 아님): HOME=$SB/home TMPDIR=$SB/.cache/tmp ARCHIFY_UPDATE_CHECK_DISABLED=1 node archify/bin/archify.mjs doctor ; 같은 환경에서 node archify/bin/archify.mjs finalize sequence <예제 복사본> <출력>.html --quality showcase --json  (Node 18에서 27개 항목 ok, 네 게이트 통과. strace로 통신 확인)
mkdir -p $SB/.claude/skills/archify && rsync -a --exclude .git $T/src/archify/ $SB/.claude/skills/archify/  (실행마다 새 샌드박스 /tmp/gitstar-sandbox/tt-a1i__archify/runNN. 레포의 .agents/skills/ 개발용 스킬은 복사하지 않음. run03·run12는 inputs/runNN/을 샌드박스 루트에 미리 복사)
claude -p "/archify <요청> … 진행 메모 …" --output-format json --permission-mode acceptEdits --allowedTools Read Glob Grep Write Edit "Bash(node:*)" (+ 기본 파일 명령, nl, sed -n, git 읽기 명령) --disallowedTools AskUserQuestion WebFetch WebSearch Skill Task Agent "Bash(curl:*)" "Bash(wget:*)" "Bash(npm:*)" "Bash(npx:*)" "Bash(pip:*)" "Bash(python3:*)" "Bash(rm:*)" "Bash(google-chrome:*)" "Bash(xdg-open:*)" "Bash(node *--open*)" "Bash(node *archify.mjs preview*)" "Bash(node *check-update.mjs*)" "Bash(git push:*)" … "Edit(~/.claude/**)" … --strict-mcp-config --no-chrome --max-budget-usd 2  (run_once.py 경유, 샌드박스에서 실행, 시간 제한 900초, 전체 인자는 tools/trial.sh)
실행 환경: claude 프로세스에 TMPDIR=$SB/.cache/tmp, ARCHIFY_UPDATE_CHECK_DISABLED=1, PATH 앞에 $SB/.bin. $SB/.bin/node는 시험자 래퍼(모델이 부르는 node만 HOME=$SB/home·업데이트 확인 끔·닫힌 프록시 127.0.0.1:9로 돌리고 호출을 $SB/.cache/node_calls.log에 기록), $SB/.bin/xdg-open은 브라우저를 열지 않고 시도만 기록하는 막이
캡처·녹화(시험자 도구, 헤드리스 Chrome을 CDP로 조작, 클릭은 실제 마우스 입력): python3 tools/shoot.py runNN ; python3 tools/record.py runNN --mode live|journey|steps ; python3 tools/exports.py runNN

보안 검토: caution — 훅·MCP 서버·플러그인 매니페스트 없음, 자격 증명 접근·난독화 코드·외부로 내용을 보내는 코드 없음. 실행 코드는 스킬 안의 node CLI(런타임 의존성 0)이고, 자식 프로세스는 같은 node, git 읽기 명령(--repo-root일 때), 헤드리스 Chrome(--remote-debugging-pipe, 임시 프로필), xdg-open(deliver --open일 때만), 127.0.0.1 미리보기 서버(preview 명령일 때만)뿐이다. 알아 둘 점: (1) 기본 설정에서 finalize·deliver 때마다 업데이트 확인을 하지만, 고정 주소로 GET을 보내는 것은 ~/.cache/archify-skill에 적힌 다음 확인 시각이 지났을 때뿐이고(처음에는 바로, 성공 뒤 약 24시간±20%, 실패 뒤 6시간→24시간) 확인 결과를 그 폴더에 캐시한다(보내는 내용 없음, ARCHIFY_UPDATE_CHECK_DISABLED=1로 끔), (2) 한 장 답변 뒤 제안을 사용자가 수락하면 에이전트 전역 규칙 파일(~/.claude/CLAUDE.md 등)에 한 줄을 추가하라는 지시가 있다, (3) archify가 띄운 Chrome은 Chrome 자체 백그라운드 통신으로 Google 서버에 접속을 시도한다(사전 strace 확인, archify의 요청 아님). 시험은 업데이트 확인 끔, node 래퍼로 HOME=$SB/home·닫힌 프록시, xdg-open 막이, acceptEdits + 허용 목록(node·기본 파일 명령·git 읽기), WebFetch·WebSearch·curl·wget·npm·npx·pip·python·rm·Chrome 직접 실행·--open·preview·check-update 거부, --strict-mcp-config --no-chrome --max-budget-usd 2로 했다. 결과: 금지 명령 시도는 python3 3번(모두 막힘)뿐, 샌드박스 밖 경로 0번, 네트워크로 보이는 node 코드 0번, xdg-open 시도 0번, 결과 페이지의 외부 요청 0개, archify가 HOME에 직접 쓴 파일 0개. 자세한 내용은 security_review.md.

써 보니

결과물 12개

카드 한 장은 실행 한 번의 대표 화면입니다. 합성 PNG는 시험자가 결과 HTML을 헤드리스 Chrome에서 열어 찍은 화면 2~3장(기본 화면, 경로 추적이나 노드 클릭, 다크 테마)을 붙인 것이라 글자가 작고 큰 글씨 설명도 시험자가 붙였습니다. 한 장 답변(run02·12)은 합성 없이 화면 하나, 세로로 긴 run04는 기본 화면 한 칸만 크게 놓았습니다. '움직임 영상 보기'는 시험자가 같은 결과 HTML을 클릭하며 녹화한 영상입니다(경로 따라가기 run01·03·04·05·06·07·08, 흐름 애니메이션 run09·10·11, 단계 넘기기 run02·12. 길이는 6초이고 run04만 8초·1440×2200 세로입니다). 스킬이나 모델이 만든 영상이 아니고 결과 페이지 자체의 내보내기와도 다르며, 일부 실행은 영상을 두 가지 찍었지만 하나만 실었습니다. '프롬프트 전문 보기'를 누르면 프롬프트가 펼쳐지고(요청 뒤에 시험 때마다 붙인 공통 진행 메모가 이어집니다), 테두리 카드(run03·04·11·12)는 서로 다른 기능을 보여 주는 대표 결과입니다. 화면 속 가게·서비스 이름과 숫자, 날짜는 모두 지어낸 값이고('국자 세 개'(run03)와 '밀가루 세 포대'(run12)는 시험 프롬프트가 지은 이름), run10의 2026-10-16은 '예시 데이터' 배지가 붙은 가상 일정입니다.

가상 반찬가게 '국자 세 개'의 주문 서버 코드(파일 16개, git 1커밋)를 읽고 그린 런타임 아키텍처: 손님 휴대폰·주방 태블릿 → 주문 서버 → 주문 처리, 결제 대행과 웹훅 서명 확인(HMAC)·직원 토큰 확인, data/ 폴더의 JSON 파일(메뉴·재고, 주문 DB, 작업 큐) → 작업자 → 주방 프린터(가게 내부망)·문자 발송 대행. 노드를 누르면 '검증된 소스'에 파일·줄과 고정 커밋이 나온다(--repo-root 검사 통과, 웹 링크 없는 local-only).
움직임 영상 보기 · 6.0초 · 무음 · 시험자 화면 녹화

시험자가 결과 HTML을 헤드리스 Chrome에서 열어 실제로 클릭하며 찍은 화면 녹화입니다(무음, 30fps). 스킬이나 모델이 만든 영상이 아니고, 결과 페이지 자체의 내보내기(PNG·WebM)와도 다릅니다.

run03 · 가상 반찬가게 '국자 세 개'의 주문 서버 코드(파일 16개, git 1커밋)를 읽고 그린 런타임 아키텍처: 손님 휴대폰·주방 태블릿 → 주문 서버 → 주문 처리, 결제 대행과 웹훅 서명 확인(HMAC)·직원 토큰 확인, data/ 폴더의 JSON 파일(메뉴·재고, 주문 DB, 작업 큐) → 작업자 → 주방 프린터(가게 내부망)·문자 발송 대행. 노드를 누르면 '검증된 소스'에 파일·줄과 고정 커밋이 나온다(--repo-root 검사 통과, 웹 링크 없는 local-only).
프롬프트 전문 보기
/archify 현재 폴더의 banchan-order/ 저장소를 분석해서 런타임 아키텍처 다이어그램을 만들어 줘. 가상의 동네 반찬가게 '국자 세 개'의 픽업 주문 서버다. 손님 주문이 결제 확인, 주방 프린터 출력, 픽업 안내 문자까지 가는 주요 경로와 외부 의존(결제 대행, 문자 발송 대행), 신뢰 경계를 보여 주고, 구성 요소마다 코드 근거(파일·줄)를 붙여 --repo-root로 검증해 줘. 저장소 주소는 가상이라 웹 링크 없이 link_mode local-only로 둔다. 진행 메모(시험 실행): - 묻지 말고 끝까지 진행해. 확인 질문 없이 스스로 정해서 검증을 통과한 HTML까지 만든다. - archify 스킬은 현재 폴더의 .claude/skills/archify/에 설치돼 있다. 스킬 문서의 bin/archify.mjs는 .claude/skills/archify/bin/archify.mjs로 바꿔 실행한다. Node.js는 이미 있고 따로 설치할 것은 없다(npm·npx로 설치하지 않는다). - 결과물은 스킬 안내대로 현재 폴더의 .archify/ 아래 새 폴더에 만든다. 확인용 임시 파일도 현재 폴더 안에만 둔다. - 화면 글자는 한국어 위주로 쓰고(영어 약간은 괜찮다) 중국어·한자는 쓰지 않는다. 회사·가게·사람·숫자는 모두 가상이다. 실존 제품·회사 이름과 로고(brand 표시)는 쓰지 않고, 구성 요소는 '주문 DB', '캐시 서버', '결제 대행'처럼 일반 이름으로 적는다. - 인터넷은 쓰지 않는다(웹 검색·내려받기 없음, 외부 링크도 넣지 않는다). - 무인 실행이라 브라우저를 열 수 없다. --open 옵션과 preview 명령은 쓰지 않는다. 화면 확인이 꼭 필요하면 스킬의 visual-check 캡처를 쓴다. - 업데이트 알림이 나와도 업데이트·설치하지 않는다. - 끝나면 만든 HTML 경로, 다이어그램 종류, finalize 결과를 짧게 알려 줘. - git은 읽기 명령(rev-parse, remote get-url, status, log, ls-files, show)만 쓴다. 저장소 주소는 가상 예시라 접속하지 않는다.
첫 자취방 이사 준비 워크플로(조건 5개 반영): 단계 띠 6개와 예외 띠('날짜가 안 맞을 때'), '입주일 맞나?' 분기와 '날짜 다시 잡기' 되돌이, 버릴 것·팔 것·가져갈 것 세 갈래, 이삿날 아침 확인 3개(가스 밸브·계량기 사진·열쇠 반납) 한 묶음, 마지막 '새집 첫날 밤'. 생활 아이콘과 한국어 범례. 흠: 레인 번호가 01·EX·03으로 02 없이 넘어간다.
움직임 영상 보기 · 8.0초 · 무음 · 시험자 화면 녹화

시험자가 결과 HTML을 헤드리스 Chrome에서 열어 실제로 클릭하며 찍은 화면 녹화입니다(무음, 30fps). 스킬이나 모델이 만든 영상이 아니고, 결과 페이지 자체의 내보내기(PNG·WebM)와도 다릅니다.

run04 · 첫 자취방 이사 준비 워크플로(조건 5개 반영): 단계 띠 6개와 예외 띠('날짜가 안 맞을 때'), '입주일 맞나?' 분기와 '날짜 다시 잡기' 되돌이, 버릴 것·팔 것·가져갈 것 세 갈래, 이삿날 아침 확인 3개(가스 밸브·계량기 사진·열쇠 반납) 한 묶음, 마지막 '새집 첫날 밤'. 생활 아이콘과 한국어 범례. 흠: 레인 번호가 01·EX·03으로 02 없이 넘어간다.
프롬프트 전문 보기
/archify 첫 자취방 이사 준비를 워크플로 다이어그램으로 그려 줘. 조건 다섯 가지: (1) 이사 4주 전 잔금·입주일 확인부터 이사 다음 날 전입신고까지 순서대로, (2) 집주인과 입주일이 안 맞으면 날짜를 다시 잡는 분기, (3) 짐 정리는 버릴 것·팔 것·가져갈 것 세 갈래로 나란히, (4) 이삿날 아침 확인(가스 밸브 잠그기, 계량기 사진, 열쇠 반납)은 한 묶음으로, (5) 마지막은 '새집 첫날 밤'. 생활용 아이콘과 범례를 써 줘. 진행 메모(시험 실행): - 묻지 말고 끝까지 진행해. 확인 질문 없이 스스로 정해서 검증을 통과한 HTML까지 만든다. - archify 스킬은 현재 폴더의 .claude/skills/archify/에 설치돼 있다. 스킬 문서의 bin/archify.mjs는 .claude/skills/archify/bin/archify.mjs로 바꿔 실행한다. Node.js는 이미 있고 따로 설치할 것은 없다(npm·npx로 설치하지 않는다). - 결과물은 스킬 안내대로 현재 폴더의 .archify/ 아래 새 폴더에 만든다. 확인용 임시 파일도 현재 폴더 안에만 둔다. - 화면 글자는 한국어 위주로 쓰고(영어 약간은 괜찮다) 중국어·한자는 쓰지 않는다. 회사·가게·사람·숫자는 모두 가상이다. 실존 제품·회사 이름과 로고(brand 표시)는 쓰지 않고, 구성 요소는 '주문 DB', '캐시 서버', '결제 대행'처럼 일반 이름으로 적는다. - 인터넷은 쓰지 않는다(웹 검색·내려받기 없음, 외부 링크도 넣지 않는다). - 무인 실행이라 브라우저를 열 수 없다. --open 옵션과 preview 명령은 쓰지 않는다. 화면 확인이 꼭 필요하면 스킬의 visual-check 캡처를 쓴다. - 업데이트 알림이 나와도 업데이트·설치하지 않는다. - 끝나면 만든 HTML 경로, 다이어그램 종류, finalize 결과를 짧게 알려 줘.
평일 아침 출근 준비 52분 워터폴(예시 시간): 전체 3,120초 아래 알람 다시 울림 2회, 커피 내리기(샤워와 5분 겹침), 욕실 묶음 19분(샤워·양치·머리 말리기), 옷 고르기 14분(가장 김), 토스트, 엘리베이터 기다리기. 흠: 폭포 다이어그램의 시간 단위가 µs·ms·s뿐이라 축이 초(3,120 s)로 나와서, 모델이 항목 이름에 분을 같이 적었다.
움직임 영상 보기 · 6.0초 · 무음 · 시험자 화면 녹화

시험자가 결과 HTML을 헤드리스 Chrome에서 열어 실제로 클릭하며 찍은 화면 녹화입니다(무음, 30fps). 스킬이나 모델이 만든 영상이 아니고, 결과 페이지 자체의 내보내기(PNG·WebM)와도 다릅니다.

run11 · 평일 아침 출근 준비 52분 워터폴(예시 시간): 전체 3,120초 아래 알람 다시 울림 2회, 커피 내리기(샤워와 5분 겹침), 욕실 묶음 19분(샤워·양치·머리 말리기), 옷 고르기 14분(가장 김), 토스트, 엘리베이터 기다리기. 흠: 폭포 다이어그램의 시간 단위가 µs·ms·s뿐이라 축이 초(3,120 s)로 나와서, 모델이 항목 이름에 분을 같이 적었다.
프롬프트 전문 보기
/archify 평일 아침 출근 준비 52분이 어디로 갔는지 워터폴 다이어그램으로 보여 줘. 07:00 첫 알람부터 07:52 현관문을 나설 때까지: 알람 다시 울림 두 번, 욕실(샤워·양치·머리 말리기), 커피 내리기(샤워와 겹침), 옷 고르기(제일 오래 걸림), 토스트 먹기, 엘리베이터 기다리기. 겹치는 구간과 묶음(욕실 안 일들)이 보이게 하고, 측정한 기록이 아니라 예시 시간이라고 표시해 줘. 진행 메모(시험 실행): - 묻지 말고 끝까지 진행해. 확인 질문 없이 스스로 정해서 검증을 통과한 HTML까지 만든다. - archify 스킬은 현재 폴더의 .claude/skills/archify/에 설치돼 있다. 스킬 문서의 bin/archify.mjs는 .claude/skills/archify/bin/archify.mjs로 바꿔 실행한다. Node.js는 이미 있고 따로 설치할 것은 없다(npm·npx로 설치하지 않는다). - 결과물은 스킬 안내대로 현재 폴더의 .archify/ 아래 새 폴더에 만든다. 확인용 임시 파일도 현재 폴더 안에만 둔다. - 화면 글자는 한국어 위주로 쓰고(영어 약간은 괜찮다) 중국어·한자는 쓰지 않는다. 회사·가게·사람·숫자는 모두 가상이다. 실존 제품·회사 이름과 로고(brand 표시)는 쓰지 않고, 구성 요소는 '주문 DB', '캐시 서버', '결제 대행'처럼 일반 이름으로 적는다. - 인터넷은 쓰지 않는다(웹 검색·내려받기 없음, 외부 링크도 넣지 않는다). - 무인 실행이라 브라우저를 열 수 없다. --open 옵션과 preview 명령은 쓰지 않는다. 화면 확인이 꼭 필요하면 스킬의 visual-check 캡처를 쓴다. - 업데이트 알림이 나와도 업데이트·설치하지 않는다. - 끝나면 만든 HTML 경로, 다이어그램 종류, finalize 결과를 짧게 알려 줘.
가상 회의 메모를 읽고 만든 결론 먼저 한 장 답변: '앱은 유지하고 단골만 자체 주문으로 옮기는 섞는 안' 결론, 세 안 비교 표(좋음·주의·나쁨 배지), 월별 이익 막대 차트(앱 유지 1,171만 원 vs 자체 주문 645만→810만→1,223만 원, 계산), 전환 단계 워크플로, 위험 경고. 계산값마다 '(계산)' 표시. 흠: 흐름도의 화살표·라벨이 그룹 제목('02 / 이동 (첫 3개월)') 위를 지나가고, 단추(System·Light·Dark·Export 등)는 영어다.
움직임 영상 보기 · 6.0초 · 무음 · 시험자 화면 녹화

시험자가 결과 HTML을 헤드리스 Chrome에서 열어 실제로 클릭하며 찍은 화면 녹화입니다(무음, 30fps). 스킬이나 모델이 만든 영상이 아니고, 결과 페이지 자체의 내보내기(PNG·WebM)와도 다릅니다.

run12 · 가상 회의 메모를 읽고 만든 결론 먼저 한 장 답변: '앱은 유지하고 단골만 자체 주문으로 옮기는 섞는 안' 결론, 세 안 비교 표(좋음·주의·나쁨 배지), 월별 이익 막대 차트(앱 유지 1,171만 원 vs 자체 주문 645만→810만→1,223만 원, 계산), 전환 단계 워크플로, 위험 경고. 계산값마다 '(계산)' 표시. 흠: 흐름도의 화살표·라벨이 그룹 제목('02 / 이동 (첫 3개월)') 위를 지나가고, 단추(System·Light·Dark·Export 등)는 영어다.
프롬프트 전문 보기
/archify 현재 폴더의 회의메모_배달수수료.md를 읽고 한 페이지로 답해 줘. 질문: 가상의 동네 빵집 '밀가루 세 포대'는 배달 앱 입점을 계속해야 할까, 자체 주문 페이지로 옮겨야 할까? 결론을 먼저 쓰고, 세 가지 안(앱 유지·자체 주문·섞는 안) 비교 표, 월별 이익을 견주는 차트, 전환 단계, 꼭 알아야 할 위험 한 가지를 넣어 줘. 숫자는 메모에 있는 것만 쓰고 계산한 값은 계산했다고 밝혀 줘. 진행 메모(시험 실행): - 묻지 말고 끝까지 진행해. 확인 질문 없이 스스로 정해서 검증을 통과한 HTML까지 만든다. - archify 스킬은 현재 폴더의 .claude/skills/archify/에 설치돼 있다. 스킬 문서의 bin/archify.mjs는 .claude/skills/archify/bin/archify.mjs로 바꿔 실행한다. Node.js는 이미 있고 따로 설치할 것은 없다(npm·npx로 설치하지 않는다). - 결과물은 스킬 안내대로 현재 폴더의 .archify/ 아래 새 폴더에 만든다. 확인용 임시 파일도 현재 폴더 안에만 둔다. - 화면 글자는 한국어 위주로 쓰고(영어 약간은 괜찮다) 중국어·한자는 쓰지 않는다. 회사·가게·사람·숫자는 모두 가상이다. 실존 제품·회사 이름과 로고(brand 표시)는 쓰지 않고, 구성 요소는 '주문 DB', '캐시 서버', '결제 대행'처럼 일반 이름으로 적는다. - 인터넷은 쓰지 않는다(웹 검색·내려받기 없음, 외부 링크도 넣지 않는다). - 무인 실행이라 브라우저를 열 수 없다. --open 옵션과 preview 명령은 쓰지 않는다. 화면 확인이 꼭 필요하면 스킬의 visual-check 캡처를 쓴다. - 업데이트 알림이 나와도 업데이트·설치하지 않는다. - 끝나면 만든 HTML 경로, 다이어그램 종류, finalize 결과를 짧게 알려 줘.
README 한국어 예시(제품 이름만 '캐시 서버'·'주문 DB'로 바꿈)로 만든 시퀀스 다이어그램: 브라우저 → API 서버 → 캐시 서버(미스) → 주문 DB → 캐시 채우기 → '200 주문 JSON'. 단추·범례까지 한국어. 첫 finalize는 메시지 간격이 좁아 검사에서 떨어졌고, 간격을 넓힌 두 번째에 네 검사(validate·deliver·check·browser-check)를 통과했다.
움직임 영상 보기 · 6.0초 · 무음 · 시험자 화면 녹화

시험자가 결과 HTML을 헤드리스 Chrome에서 열어 실제로 클릭하며 찍은 화면 녹화입니다(무음, 30fps). 스킬이나 모델이 만든 영상이 아니고, 결과 페이지 자체의 내보내기(PNG·WebM)와도 다릅니다.

run01 · README 한국어 예시(제품 이름만 '캐시 서버'·'주문 DB'로 바꿈)로 만든 시퀀스 다이어그램: 브라우저 → API 서버 → 캐시 서버(미스) → 주문 DB → 캐시 채우기 → '200 주문 JSON'. 단추·범례까지 한국어. 첫 finalize는 메시지 간격이 좁아 검사에서 떨어졌고, 간격을 넓힌 두 번째에 네 검사(validate·deliver·check·browser-check)를 통과했다.
프롬프트 전문 보기
/archify 웹 요청을 다이어그램으로 그려 줘. 브라우저가 API를 호출하고, API는 캐시 서버를 확인해. 캐시 미스면 주문 DB를 조회하고 캐시를 채운 뒤 응답해 줘. 진행 메모(시험 실행): - 묻지 말고 끝까지 진행해. 확인 질문 없이 스스로 정해서 검증을 통과한 HTML까지 만든다. - archify 스킬은 현재 폴더의 .claude/skills/archify/에 설치돼 있다. 스킬 문서의 bin/archify.mjs는 .claude/skills/archify/bin/archify.mjs로 바꿔 실행한다. Node.js는 이미 있고 따로 설치할 것은 없다(npm·npx로 설치하지 않는다). - 결과물은 스킬 안내대로 현재 폴더의 .archify/ 아래 새 폴더에 만든다. 확인용 임시 파일도 현재 폴더 안에만 둔다. - 화면 글자는 한국어 위주로 쓰고(영어 약간은 괜찮다) 중국어·한자는 쓰지 않는다. 회사·가게·사람·숫자는 모두 가상이다. 실존 제품·회사 이름과 로고(brand 표시)는 쓰지 않고, 구성 요소는 '주문 DB', '캐시 서버', '결제 대행'처럼 일반 이름으로 적는다. - 인터넷은 쓰지 않는다(웹 검색·내려받기 없음, 외부 링크도 넣지 않는다). - 무인 실행이라 브라우저를 열 수 없다. --open 옵션과 preview 명령은 쓰지 않는다. 화면 확인이 꼭 필요하면 스킬의 visual-check 캡처를 쓴다. - 업데이트 알림이 나와도 업데이트·설치하지 않는다. - 끝나면 만든 HTML 경로, 다이어그램 종류, finalize 결과를 짧게 알려 줘.
'P99만 80ms→600ms, 평균은 그대로' 질문에 결론 먼저 한 장 답변: 결론 상자('요청 약 1%만 크게 느려진 것')와 이유 4개, 평균·P50·P99 막대 차트, 원인 후보 6개 표, 조사 순서 워크플로(Step through·Open interactive view). 수치는 설명용 예시라고 페이지에 적었다. 흠: 흐름도의 화살표가 그룹 제목('02 / 원인 좁히기', '03 / 고치고 검증') 위를 지나가고, 단추(System·Light·Dark·Export 등)는 영어다.
움직임 영상 보기 · 6.0초 · 무음 · 시험자 화면 녹화

시험자가 결과 HTML을 헤드리스 Chrome에서 열어 실제로 클릭하며 찍은 화면 녹화입니다(무음, 30fps). 스킬이나 모델이 만든 영상이 아니고, 결과 페이지 자체의 내보내기(PNG·WebM)와도 다릅니다.

run02 · 'P99만 80ms→600ms, 평균은 그대로' 질문에 결론 먼저 한 장 답변: 결론 상자('요청 약 1%만 크게 느려진 것')와 이유 4개, 평균·P50·P99 막대 차트, 원인 후보 6개 표, 조사 순서 워크플로(Step through·Open interactive view). 수치는 설명용 예시라고 페이지에 적었다. 흠: 흐름도의 화살표가 그룹 제목('02 / 원인 좁히기', '03 / 고치고 검증') 위를 지나가고, 단추(System·Light·Dark·Export 등)는 영어다.
프롬프트 전문 보기
/archify 한 페이지로 답해 줘: 가상의 온라인 쇼핑몰 API에서 P99 응답 시간이 80ms에서 600ms로 올랐는데 평균은 거의 그대로야. 원인은 무엇이고 어떻게 조사해야 해? 진행 메모(시험 실행): - 묻지 말고 끝까지 진행해. 확인 질문 없이 스스로 정해서 검증을 통과한 HTML까지 만든다. - archify 스킬은 현재 폴더의 .claude/skills/archify/에 설치돼 있다. 스킬 문서의 bin/archify.mjs는 .claude/skills/archify/bin/archify.mjs로 바꿔 실행한다. Node.js는 이미 있고 따로 설치할 것은 없다(npm·npx로 설치하지 않는다). - 결과물은 스킬 안내대로 현재 폴더의 .archify/ 아래 새 폴더에 만든다. 확인용 임시 파일도 현재 폴더 안에만 둔다. - 화면 글자는 한국어 위주로 쓰고(영어 약간은 괜찮다) 중국어·한자는 쓰지 않는다. 회사·가게·사람·숫자는 모두 가상이다. 실존 제품·회사 이름과 로고(brand 표시)는 쓰지 않고, 구성 요소는 '주문 DB', '캐시 서버', '결제 대행'처럼 일반 이름으로 적는다. - 인터넷은 쓰지 않는다(웹 검색·내려받기 없음, 외부 링크도 넣지 않는다). - 무인 실행이라 브라우저를 열 수 없다. --open 옵션과 preview 명령은 쓰지 않는다. 화면 확인이 꼭 필요하면 스킬의 visual-check 캡처를 쓴다. - 업데이트 알림이 나와도 업데이트·설치하지 않는다. - 끝나면 만든 HTML 경로, 다이어그램 종류, finalize 결과를 짧게 알려 줘.
Mermaid 상태도(stateDiagram-v2)를 라이프사이클 다이어그램으로 다시 그림: 접수 → 집하 → 간선이동 → 배송출발 → 배송완료, 배송출발 ↔ 부재 재배송 되돌이(최대 2번), 반송·취소 끝 상태, 상태 종류 범례(초기·활성·대기·판단·성공·실패/종료·중립). Mermaid의 [*] 표시는 '시작'·'끝' 태그로 바꿨다고 답변에 밝혔다.
움직임 영상 보기 · 6.0초 · 무음 · 시험자 화면 녹화

시험자가 결과 HTML을 헤드리스 Chrome에서 열어 실제로 클릭하며 찍은 화면 녹화입니다(무음, 30fps). 스킬이나 모델이 만든 영상이 아니고, 결과 페이지 자체의 내보내기(PNG·WebM)와도 다릅니다.

run05 · Mermaid 상태도(stateDiagram-v2)를 라이프사이클 다이어그램으로 다시 그림: 접수 → 집하 → 간선이동 → 배송출발 → 배송완료, 배송출발 ↔ 부재 재배송 되돌이(최대 2번), 반송·취소 끝 상태, 상태 종류 범례(초기·활성·대기·판단·성공·실패/종료·중립). Mermaid의 [*] 표시는 '시작'·'끝' 태그로 바꿨다고 답변에 밝혔다.
프롬프트 전문 보기
/archify 아래 Mermaid 상태도를 읽고 Archify 라이프사이클 다이어그램으로 다시 그려 줘. 가상의 동네 택배 배송 상태다. 재배송 되돌이와 끝 상태(배송 완료·반송·취소)가 한눈에 보이게 해 줘. ```mermaid stateDiagram-v2 [*] --> 접수 접수 --> 집하 : 기사 방문 접수 --> 취소 : 집하 전 취소 집하 --> 간선이동 : 터미널 도착 간선이동 --> 배송출발 : 지역 분류 배송출발 --> 배송완료 : 문 앞 전달 배송출발 --> 부재 : 연락 안 됨 부재 --> 배송출발 : 다음 날 재배송(최대 2번) 부재 --> 반송 : 재배송 2번 실패 배송완료 --> [*] 반송 --> [*] 취소 --> [*] ``` 진행 메모(시험 실행): - 묻지 말고 끝까지 진행해. 확인 질문 없이 스스로 정해서 검증을 통과한 HTML까지 만든다. - archify 스킬은 현재 폴더의 .claude/skills/archify/에 설치돼 있다. 스킬 문서의 bin/archify.mjs는 .claude/skills/archify/bin/archify.mjs로 바꿔 실행한다. Node.js는 이미 있고 따로 설치할 것은 없다(npm·npx로 설치하지 않는다). - 결과물은 스킬 안내대로 현재 폴더의 .archify/ 아래 새 폴더에 만든다. 확인용 임시 파일도 현재 폴더 안에만 둔다. - 화면 글자는 한국어 위주로 쓰고(영어 약간은 괜찮다) 중국어·한자는 쓰지 않는다. 회사·가게·사람·숫자는 모두 가상이다. 실존 제품·회사 이름과 로고(brand 표시)는 쓰지 않고, 구성 요소는 '주문 DB', '캐시 서버', '결제 대행'처럼 일반 이름으로 적는다. - 인터넷은 쓰지 않는다(웹 검색·내려받기 없음, 외부 링크도 넣지 않는다). - 무인 실행이라 브라우저를 열 수 없다. --open 옵션과 preview 명령은 쓰지 않는다. 화면 확인이 꼭 필요하면 스킬의 visual-check 캡처를 쓴다. - 업데이트 알림이 나와도 업데이트·설치하지 않는다. - 끝나면 만든 HTML 경로, 다이어그램 종류, finalize 결과를 짧게 알려 줘.
동네 도서관 대출 DB ERD: 표 6개(book, book_copy, member, reservation, loan, late_fee)에 컬럼마다 SQL 타입·PK/FK/UK 배지·한국어 설명, 장서 영역과 이용자 영역으로 나누고 관계선에 개수 표기와 라벨. finalize는 표 칸 너비 부족으로 두 번 떨어진 뒤 세 번째에 통과.
움직임 영상 보기 · 6.0초 · 무음 · 시험자 화면 녹화

시험자가 결과 HTML을 헤드리스 Chrome에서 열어 실제로 클릭하며 찍은 화면 녹화입니다(무음, 30fps). 스킬이나 모델이 만든 영상이 아니고, 결과 페이지 자체의 내보내기(PNG·WebM)와도 다릅니다.

run06 · 동네 도서관 대출 DB ERD: 표 6개(book, book_copy, member, reservation, loan, late_fee)에 컬럼마다 SQL 타입·PK/FK/UK 배지·한국어 설명, 장서 영역과 이용자 영역으로 나누고 관계선에 개수 표기와 라벨. finalize는 표 칸 너비 부족으로 두 번 떨어진 뒤 세 번째에 통과.
프롬프트 전문 보기
/archify 가상의 동네 작은 도서관 대출 시스템 DB를 ERD로 그려 줘. 테이블은 회원, 도서(책 정보), 소장본(같은 책 여러 권), 대출, 예약, 연체료 여섯 개. 테이블·컬럼 이름은 영어 snake_case로 쓰고, 컬럼마다 SQL 타입과 PK·FK·UNIQUE를 다 적고 설명(comment)은 한국어로 달아 줘. 이용자 영역과 장서 영역으로 나눠 줘. 진행 메모(시험 실행): - 묻지 말고 끝까지 진행해. 확인 질문 없이 스스로 정해서 검증을 통과한 HTML까지 만든다. - archify 스킬은 현재 폴더의 .claude/skills/archify/에 설치돼 있다. 스킬 문서의 bin/archify.mjs는 .claude/skills/archify/bin/archify.mjs로 바꿔 실행한다. Node.js는 이미 있고 따로 설치할 것은 없다(npm·npx로 설치하지 않는다). - 결과물은 스킬 안내대로 현재 폴더의 .archify/ 아래 새 폴더에 만든다. 확인용 임시 파일도 현재 폴더 안에만 둔다. - 화면 글자는 한국어 위주로 쓰고(영어 약간은 괜찮다) 중국어·한자는 쓰지 않는다. 회사·가게·사람·숫자는 모두 가상이다. 실존 제품·회사 이름과 로고(brand 표시)는 쓰지 않고, 구성 요소는 '주문 DB', '캐시 서버', '결제 대행'처럼 일반 이름으로 적는다. - 인터넷은 쓰지 않는다(웹 검색·내려받기 없음, 외부 링크도 넣지 않는다). - 무인 실행이라 브라우저를 열 수 없다. --open 옵션과 preview 명령은 쓰지 않는다. 화면 확인이 꼭 필요하면 스킬의 visual-check 캡처를 쓴다. - 업데이트 알림이 나와도 업데이트·설치하지 않는다. - 끝나면 만든 HTML 경로, 다이어그램 종류, finalize 결과를 짧게 알려 줘.
맞벌이 부부의 한 달 돈 흐름 데이터플로(가상 금액): A·B 월급(380만·320만) → 개인 통장 → 공동 생활비 통장(월 470만) → 고정비 125만·카드값 180만·적금 120만·비상금 45만, 가계부 앱으로 가는 기록과 영수증·카드 내역 → 연말정산 서류(연 1회)까지 다섯 단.
움직임 영상 보기 · 6.0초 · 무음 · 시험자 화면 녹화

시험자가 결과 HTML을 헤드리스 Chrome에서 열어 실제로 클릭하며 찍은 화면 녹화입니다(무음, 30fps). 스킬이나 모델이 만든 영상이 아니고, 결과 페이지 자체의 내보내기(PNG·WebM)와도 다릅니다.

run07 · 맞벌이 부부의 한 달 돈 흐름 데이터플로(가상 금액): A·B 월급(380만·320만) → 개인 통장 → 공동 생활비 통장(월 470만) → 고정비 125만·카드값 180만·적금 120만·비상금 45만, 가계부 앱으로 가는 기록과 영수증·카드 내역 → 연말정산 서류(연 1회)까지 다섯 단.
프롬프트 전문 보기
/archify 가상의 맞벌이 부부가 한 달 돈을 어떻게 나누는지 데이터플로 다이어그램으로 그려 줘. 두 사람 월급이 각자 통장으로 들어와 공동 생활비 통장으로 모이고, 거기서 고정비(월세·관리비·통신비), 카드값, 적금, 비상금 통장으로 나뉜다. 지출이 가계부 앱에 기록되는 흐름과, 영수증·카드 내역이 연말정산 서류로 모이는 흐름도 같이 보여 줘. 금액은 가상 숫자로 적어 줘. 진행 메모(시험 실행): - 묻지 말고 끝까지 진행해. 확인 질문 없이 스스로 정해서 검증을 통과한 HTML까지 만든다. - archify 스킬은 현재 폴더의 .claude/skills/archify/에 설치돼 있다. 스킬 문서의 bin/archify.mjs는 .claude/skills/archify/bin/archify.mjs로 바꿔 실행한다. Node.js는 이미 있고 따로 설치할 것은 없다(npm·npx로 설치하지 않는다). - 결과물은 스킬 안내대로 현재 폴더의 .archify/ 아래 새 폴더에 만든다. 확인용 임시 파일도 현재 폴더 안에만 둔다. - 화면 글자는 한국어 위주로 쓰고(영어 약간은 괜찮다) 중국어·한자는 쓰지 않는다. 회사·가게·사람·숫자는 모두 가상이다. 실존 제품·회사 이름과 로고(brand 표시)는 쓰지 않고, 구성 요소는 '주문 DB', '캐시 서버', '결제 대행'처럼 일반 이름으로 적는다. - 인터넷은 쓰지 않는다(웹 검색·내려받기 없음, 외부 링크도 넣지 않는다). - 무인 실행이라 브라우저를 열 수 없다. --open 옵션과 preview 명령은 쓰지 않는다. 화면 확인이 꼭 필요하면 스킬의 visual-check 캡처를 쓴다. - 업데이트 알림이 나와도 업데이트·설치하지 않는다. - 끝나면 만든 HTML 경로, 다이어그램 종류, finalize 결과를 짧게 알려 줘.
모바일 RPG 캐릭터·아이템 클래스 다이어그램(이름은 영어, 메모는 한국어): 인터페이스 Damageable·Equippable, 추상 클래스 Character와 Warrior·Archer·Mage 상속, Character–Inventory 합성(1:1), Inventory–Item 집합(0..*), Weapon·Potion 상속, Weapon의 Equippable 구현, BattleService의 Character 의존.
움직임 영상 보기 · 6.0초 · 무음 · 시험자 화면 녹화

시험자가 결과 HTML을 헤드리스 Chrome에서 열어 실제로 클릭하며 찍은 화면 녹화입니다(무음, 30fps). 스킬이나 모델이 만든 영상이 아니고, 결과 페이지 자체의 내보내기(PNG·WebM)와도 다릅니다.

run08 · 모바일 RPG 캐릭터·아이템 클래스 다이어그램(이름은 영어, 메모는 한국어): 인터페이스 Damageable·Equippable, 추상 클래스 Character와 Warrior·Archer·Mage 상속, Character–Inventory 합성(1:1), Inventory–Item 집합(0..*), Weapon·Potion 상속, Weapon의 Equippable 구현, BattleService의 Character 의존.
프롬프트 전문 보기
/archify 가상의 모바일 RPG 게임의 캐릭터·아이템 구조를 클래스 다이어그램으로 그려 줘. 추상 클래스 Character(name, hp, level, attack()), 인터페이스 Damageable·Equippable, Character를 상속하는 Warrior·Archer·Mage, Character가 품는 Inventory(구성 관계)와 그 안의 Item, Item을 상속하는 Weapon·Potion(Weapon은 Equippable 구현), 전투 계산을 맡는 BattleService(Character에 의존). 클래스·멤버 이름은 영어 그대로 두고 설명 메모는 한국어로 써 줘. 진행 메모(시험 실행): - 묻지 말고 끝까지 진행해. 확인 질문 없이 스스로 정해서 검증을 통과한 HTML까지 만든다. - archify 스킬은 현재 폴더의 .claude/skills/archify/에 설치돼 있다. 스킬 문서의 bin/archify.mjs는 .claude/skills/archify/bin/archify.mjs로 바꿔 실행한다. Node.js는 이미 있고 따로 설치할 것은 없다(npm·npx로 설치하지 않는다). - 결과물은 스킬 안내대로 현재 폴더의 .archify/ 아래 새 폴더에 만든다. 확인용 임시 파일도 현재 폴더 안에만 둔다. - 화면 글자는 한국어 위주로 쓰고(영어 약간은 괜찮다) 중국어·한자는 쓰지 않는다. 회사·가게·사람·숫자는 모두 가상이다. 실존 제품·회사 이름과 로고(brand 표시)는 쓰지 않고, 구성 요소는 '주문 DB', '캐시 서버', '결제 대행'처럼 일반 이름으로 적는다. - 인터넷은 쓰지 않는다(웹 검색·내려받기 없음, 외부 링크도 넣지 않는다). - 무인 실행이라 브라우저를 열 수 없다. --open 옵션과 preview 명령은 쓰지 않는다. 화면 확인이 꼭 필요하면 스킬의 visual-check 캡처를 쓴다. - 업데이트 알림이 나와도 업데이트·설치하지 않는다. - 끝나면 만든 HTML 경로, 다이어그램 종류, finalize 결과를 짧게 알려 줘.
중학교 1학년 과학 2학기 수업 구성 트리: 맨 위 '과학 1학년 2학기(4개 단원 · 실험 활동 4개)' 아래 단원 4개(힘의 작용, 기체의 성질, 물질의 상태 변화, 빛과 파동), 단원마다 소단원 2~3개와 실험 하나씩, 단원별 색 띠. 흠: 노드 글자가 단어 중간에서 줄이 바뀐다('배/열', '맺/기' 등).
움직임 영상 보기 · 6.0초 · 무음 · 시험자 화면 녹화

시험자가 결과 HTML을 헤드리스 Chrome에서 열어 실제로 클릭하며 찍은 화면 녹화입니다(무음, 30fps). 스킬이나 모델이 만든 영상이 아니고, 결과 페이지 자체의 내보내기(PNG·WebM)와도 다릅니다.

run09 · 중학교 1학년 과학 2학기 수업 구성 트리: 맨 위 '과학 1학년 2학기(4개 단원 · 실험 활동 4개)' 아래 단원 4개(힘의 작용, 기체의 성질, 물질의 상태 변화, 빛과 파동), 단원마다 소단원 2~3개와 실험 하나씩, 단원별 색 띠. 흠: 노드 글자가 단어 중간에서 줄이 바뀐다('배/열', '맺/기' 등).
프롬프트 전문 보기
/archify 중학교 1학년 과학 2학기 수업 구성을 트리 다이어그램으로 그려 줘. 맨 위는 '과학 1학년 2학기', 그 아래 단원 넷(힘의 작용, 기체의 성질, 물질의 상태 변화, 빛과 파동), 단원마다 소단원 두세 개와 실험 활동 하나씩. 선생님이 첫 수업 때 화면에 띄울 학기 지도처럼 만들어 줘. 진행 메모(시험 실행): - 묻지 말고 끝까지 진행해. 확인 질문 없이 스스로 정해서 검증을 통과한 HTML까지 만든다. - archify 스킬은 현재 폴더의 .claude/skills/archify/에 설치돼 있다. 스킬 문서의 bin/archify.mjs는 .claude/skills/archify/bin/archify.mjs로 바꿔 실행한다. Node.js는 이미 있고 따로 설치할 것은 없다(npm·npx로 설치하지 않는다). - 결과물은 스킬 안내대로 현재 폴더의 .archify/ 아래 새 폴더에 만든다. 확인용 임시 파일도 현재 폴더 안에만 둔다. - 화면 글자는 한국어 위주로 쓰고(영어 약간은 괜찮다) 중국어·한자는 쓰지 않는다. 회사·가게·사람·숫자는 모두 가상이다. 실존 제품·회사 이름과 로고(brand 표시)는 쓰지 않고, 구성 요소는 '주문 DB', '캐시 서버', '결제 대행'처럼 일반 이름으로 적는다. - 인터넷은 쓰지 않는다(웹 검색·내려받기 없음, 외부 링크도 넣지 않는다). - 무인 실행이라 브라우저를 열 수 없다. --open 옵션과 preview 명령은 쓰지 않는다. 화면 확인이 꼭 필요하면 스킬의 visual-check 캡처를 쓴다. - 업데이트 알림이 나와도 업데이트·설치하지 않는다. - 끝나면 만든 HTML 경로, 다이어그램 종류, finalize 결과를 짧게 알려 줘.
가상 동네 배달 서비스의 금요일 저녁 결제 장애 타임라인: 18:52 결제 실패율 경보부터 20:10 정상화 확인까지 이벤트 11개를 모니터링·당직 개발자·결제 대행사·고객센터 4줄에 실제 시간 비율로 배치, '예시 데이터' 배지, 이벤트 종류 범례, 원인(결제 대행 연동 인증서 만료)·재발 방지 카드. finalize 한 번에 통과.
움직임 영상 보기 · 6.0초 · 무음 · 시험자 화면 녹화

시험자가 결과 HTML을 헤드리스 Chrome에서 열어 실제로 클릭하며 찍은 화면 녹화입니다(무음, 30fps). 스킬이나 모델이 만든 영상이 아니고, 결과 페이지 자체의 내보내기(PNG·WebM)와도 다릅니다.

run10 · 가상 동네 배달 서비스의 금요일 저녁 결제 장애 타임라인: 18:52 결제 실패율 경보부터 20:10 정상화 확인까지 이벤트 11개를 모니터링·당직 개발자·결제 대행사·고객센터 4줄에 실제 시간 비율로 배치, '예시 데이터' 배지, 이벤트 종류 범례, 원인(결제 대행 연동 인증서 만료)·재발 방지 카드. finalize 한 번에 통과.
프롬프트 전문 보기
/archify 가상의 동네 음식 배달 서비스에서 금요일 저녁에 난 결제 장애를 타임라인으로 정리해 줘. 18:52 결제 실패율 경보부터 20:10 정상화 확인까지 일어난 일 10개 안팎을 모니터링·당직 개발자·결제 대행사·고객센터 네 줄로 나눠 시간 비율대로 놓고, 원인(결제 대행 연동 인증서 만료)과 재발 방지 조치는 카드로 붙여 줘. 진행 메모(시험 실행): - 묻지 말고 끝까지 진행해. 확인 질문 없이 스스로 정해서 검증을 통과한 HTML까지 만든다. - archify 스킬은 현재 폴더의 .claude/skills/archify/에 설치돼 있다. 스킬 문서의 bin/archify.mjs는 .claude/skills/archify/bin/archify.mjs로 바꿔 실행한다. Node.js는 이미 있고 따로 설치할 것은 없다(npm·npx로 설치하지 않는다). - 결과물은 스킬 안내대로 현재 폴더의 .archify/ 아래 새 폴더에 만든다. 확인용 임시 파일도 현재 폴더 안에만 둔다. - 화면 글자는 한국어 위주로 쓰고(영어 약간은 괜찮다) 중국어·한자는 쓰지 않는다. 회사·가게·사람·숫자는 모두 가상이다. 실존 제품·회사 이름과 로고(brand 표시)는 쓰지 않고, 구성 요소는 '주문 DB', '캐시 서버', '결제 대행'처럼 일반 이름으로 적는다. - 인터넷은 쓰지 않는다(웹 검색·내려받기 없음, 외부 링크도 넣지 않는다). - 무인 실행이라 브라우저를 열 수 없다. --open 옵션과 preview 명령은 쓰지 않는다. 화면 확인이 꼭 필요하면 스킬의 visual-check 캡처를 쓴다. - 업데이트 알림이 나와도 업데이트·설치하지 않는다. - 끝나면 만든 HTML 경로, 다이어그램 종류, finalize 결과를 짧게 알려 줘.