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

인포그래픽과 아이폰 앱 프로토타입을 만들어 주는 스킬, huashu-design

Claude Code에서 직접 14번 실행(서로 다른 프롬프트 12개)해 14번 모두 결과물을 끝까지 만든 기록과 설치 명령입니다.

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

claude-codeskills

alchaincyf/huashu-design

https://github.com/alchaincyf/huashu-design · ⭐ 25,564

인포그래픽과 눌러 볼 수 있는 아이폰 앱 프로토타입을 HTML로 만들고, 완성한 디자인을 다섯 기준으로 채점도 해 줍니다.

설치 방법

README의 설치 방법 두 가지 중 하나만 터미널에 입력하세요. 시험은 두 방법 대신 레포를 샌드박스 프로젝트의 .claude/skills/에 복사해 실행했습니다(전역 설치 없음). 설치 뒤에는 '/huashu-design …'이나 '인포그래픽 만들어 줘' 같은 말로 부릅니다.

방법 1 · Node.js가 있을 때 (README 권장, 이 시험에서는 해 보지 못함)

npx skills add alchaincyf/huashu-design

방법 2 · git만 있을 때 (시험한 파일 구성과 같음)

git clone https://github.com/alchaincyf/huashu-design.git ~/.claude/skills/huashu-design

2026-04-19에 만들어진 레포(생성 184일)로, 누적 스타 25,564개에 최근 7일 새 포크가 53개입니다(스크립트로 센 값이고 집계 상한에 닿지 않은 정확한 값입니다). 최근 7일 스타 증가량은 재지 못했고, 집계 자료에는 생성 이후 하루 평균 138.9개라는 어림(평생 일평균 추정값)만 있습니다. 마지막 푸시는 2026-10-17입니다. 써 보니 14번 모두 결과물을 끝까지 만들었습니다. 인포그래픽 7개, 눌러 볼 수 있는 아이폰 앱 프로토타입 6개, 인포그래픽을 채점한 평가 보고서 1개이고, 방향을 바꿀 때마다 화면이 전혀 다르게 나왔습니다.

14회성공 실행

14회전체 실행

363초평균 소요

필요 조건

Claude Code(README는 Cursor·Codex·Trae·OpenClaw·Hermes 같은 셸·파일 쓰기가 되는 에이전트도 든다). 시험은 Claude Code 2.1.304 + claude-opus-5-5
python3(시작·마무리 스크립트 learn.py·design_lint.py·capabilities.py, 표준 라이브러리만으로 동작)
결과를 볼 브라우저와 인터넷: 앱 프로토타입은 6개 중 5개가 열 때마다 unpkg에서 React 18.3.1·Babel 7.29.0을 받고, 여러 결과물이 Google Fonts를 불러온다
선택: Python Playwright + Chromium(design_lint.py check·ledger add 화면 검사, verify.py 캡처, ref_board.py 참고 캡처). 없으면 해당 단계만 건너뛴다(이번 시험 장비에는 없음)
선택: Node.js·npm 패키지(playwright·pptxgenjs·sharp·pdf-lib)·ffmpeg — MP4/GIF 영상, PPTX·PDF 내보내기(이번 시험 범위 밖)
npx skills add로 설치하려면 Node.js(npx). git clone 설치는 git만 있으면 된다
한국어 화면에는 한글 글꼴(시험 장비: Noto Sans/Serif CJK KR)

README의 두 설치 방법(npx skills add, 또는 ~/.claude/skills/에 git clone) 중 하나를 고른다. 설치 뒤 '/huashu-design …'이나 '인포그래픽 만들어 줘', 'iOS 앱 프로토타입 4화면' 같은 말로 부른다. 새 디자인은 세 방향 초안을 먼저 보여 주고 멈추는 것이 기본 규칙이라, 한 번에 완성본을 받으려면 '세 방향은 건너뛰고 ○○ 방향으로 바로 완성'이라고 말해야 한다(SKILL.md의 유일한 면제 조건). 시작할 때 python3 스크립트를 돌리고, 쓰는 동안 ~/.huashu-design/에 경험 기록과 외관 장부(프로젝트 절대 경로 포함)를 남긴다(HUASHU_DESIGN_HOME으로 위치를 바꿀 수 있다). 시험에서는 인포그래픽 한 장 3.8~6.8분 0.97~1.75달러, 아이폰 프로토타입(4~5화면 또는 5단계 흐름) 5.7~9.6분 1.41~1.97달러였다(claude-opus-5-5, 2026-10-21).

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

# $T = 시험용 작업 폴더(전체 경로는 생략)
git clone --depth 1 https://github.com/alchaincyf/huashu-design $T/src  (커밋 798c423)
mkdir -p /tmp/gitstar-sandbox/alchaincyf__huashu-design/runNN/.claude/skills/huashu-design && rsync -a --exclude .git $T/src/ /tmp/gitstar-sandbox/alchaincyf__huashu-design/runNN/.claude/skills/huashu-design/  (실행마다 새 샌드박스의 프로젝트 스킬로 복사, 입력 파일 실행은 $T/inputs/runNN/도 복사)
HUASHU_DESIGN_HOME=$T/huashu_home/runNN PYTHONDONTWRITEBYTECODE=1 claude -p "/huashu-design <브리프> … 세 방향 초안 단계는 이번 대화에서 내가 명시적으로 건너뛴다. 방향은 스타일 라이브러리 ○○ 분야의 ○○로 확정 …" --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(wget:*)" "Bash(git:*)" "Bash(node:*)" "Bash(npm:*)" "Bash(npx:*)" "Bash(pip:*)" "Bash(rm:*)" … --strict-mcp-config --no-chrome --max-budget-usd 2  (run_once.py 경유, 전체 인자는 tools/trial.sh·install.md 5번)

보안 검토: pass — 훅·MCP 서버·플러그인 매니페스트 없음(선택형 design-gate-hook.sh는 사용자가 settings.json에 직접 넣어야 동작하며 시험에서는 넣지 않음). 자동 실행 코드가 없고, 시험 경로의 파이썬 스크립트는 로컬 파일 읽기·쓰기만 한다(learn.py·design_lint.py ledger는 ~/.huashu-design/에 기록, capabilities.py는 홈의 스킬 폴더 이름과 키 존재 여부만 확인). 클라우드 스크립트 2개(ByteDance TTS, Volcengine 영상 평가)는 사용자 키와 --yes/HUASHU_CLOUD_OK=1 없이는 나가지 않는다. 자격 증명 접근·외부 전송·난독화·위험 지시문 없음. 지시문은 사실 확인 WebSearch, 브랜드 로고 curl, 참고 작품 캡처, Wikimedia 이미지, git ls-remote 버전 확인 같은 내려받기를 시킨다. 시험은 실행마다 /tmp 샌드박스의 프로젝트 스킬, HUASHU_DESIGN_HOME 격리, acceptEdits + 허용 목록(python3·google-chrome·기본 파일 명령), WebFetch·WebSearch·Skill·Task·curl·wget·git·node·npm·npx·pip·rm 거부, --strict-mcp-config·--no-chrome으로 했다.

써 보니

처음엔 세 방향 초안부터 받습니다. 새 디자인을 그냥 부탁하면 이 스킬은 방향 초안 셋을 먼저 보여 주고 멈추는 것이 기본 규칙이고(SKILL.md), 이 단계를 건너뛰는 유일한 면제 조건은 사용자가 건너뛴다고 말하는 것입니다. 시험 프롬프트 14개는 모두 '세 방향 초안 단계는 이번 대화에서 내가 명시적으로 건너뛴다'고 적었고, 13개는 '방향은 스타일 라이브러리 ○○ 분야의 ○○로 확정하고 바로 완성본을 만들어 줘'까지 적어 한 번에 완성본을 받았습니다. 초안 셋을 보고 고르는 단계는 시험하지 않았습니다.
설치한 뒤에는 폴더를 확인하세요. README는 설치된 폴더에 SKILL.md만 있고 references·assets·scripts·demos가 없으면 skills 설치기가 오래된 것(1.5.15 이하 버그)이라며, npm i -g skills@latest로 올려 다시 설치하거나 git clone으로 설치하라고 안내합니다(이 안내대로 해 보지는 않았습니다). 레포의 파일은 389개, 약 41MB입니다(음원·견본 이미지 포함, git 기록 제외).
요청은 브리프로 썼습니다. 시험 프롬프트는 주제, 데이터(숫자나 화면 목록), 보는 사람, 방향을 항목별로 적고 '질문이나 중간 확인을 기다리지 말고 위 답으로 끝까지 완성해 줘'를 붙였습니다. 스킬 문서는 질문을 한꺼번에 묻고 중간 확인을 기다리도록 쓰여 있는데, 시험은 질문 도구를 막아 둔 비대화형 실행이라 모델이 되물을 수 없었고 브리프에 답을 다 적은 덕에 14번 모두 끝까지 완성했습니다. 스킬 문서는 중국어지만 프롬프트에 '화면 글자는 한국어(필요하면 영어 조금). 중국어나 한자는 쓰지 마'를 넣었더니 결과 14개의 화면 글자에 한자가 0자였습니다(이 문장을 뺀 경우는 시험하지 않았습니다). 갤러리 카드의 '프롬프트 전문 보기'에서 프롬프트를 가져다 바꿔 쓰세요.
같은 요청도 실행마다 다르게 나옵니다. 14번 중 두 쌍은 같은 프롬프트라 서로 다른 프롬프트는 12개입니다(시험자가 실행을 띄운 직후 확인을 잘못해 같은 프롬프트를 한 번씩 더 돌렸습니다). run01과 run03(분리수거 인포그래픽)은 글자 하나 다르지 않은 프롬프트인데 색, 제목, 줄어든 240kg을 그린 방식이 달랐고, run02와 run04(반찬 당번 앱)는 전시판 구성과 아이폰 네 대가 상태를 나누는 방식이 달랐습니다(run02는 첫 화면에서 '받으면 눌러 주세요'를 누르면 기록 화면의 받은 횟수가 15에서 16으로 바뀌고, run04는 화면마다 따로 움직입니다).
숫자는 직접 확인하세요. CSV나 표를 읽고 모델이 계산한 값은 확인한 범위에서 맞았습니다(run05·run13은 시험자가 CSV로 다시 계산했고, run09는 모델이 표의 합계와 순위를 다시 계산해 대조했습니다). 다만 반올림 표기에서 틀린 곳이 있었습니다. run07 범례의 '47%'는 238÷501=47.5%를 버린 값이라 반올림하면 48%이고, 같은 스킬의 평가 모드(run14)가 이 반올림 오류를 짚었습니다. 한편 run13에는 '표본이 집단당 4개뿐이라 통계적으로 유의하다는 말은 하지 마'라고 적었더니 그림 설명에 '집단마다 화분이 4개뿐이라 통계 검정은 하지 않았으니 경향으로만 읽는다'고 들어갔습니다.
앱 프로토타입은 눌러 볼 수 있습니다. 시험자가 6개 모두 탭이나 단계를 하나씩 눌러 화면이 바뀌는 것을 확인했고 페이지 오류는 0이었습니다. 다만 끌어서 쓰는 다이얼과 슬라이더(run06)는 모델이 확인하지 못했다고 보고했습니다. 상태 표시줄 시각(run02), 타이머 숫자(run06), 뽑힌 메뉴(run12)는 열 때마다 달라서 다시 찍으면 갤러리와 다릅니다.
글자 크기를 확인하세요. 패널 넷을 한 장에 담은 run13은 축 눈금이 19~21px, 설명이 20~21px라서 스킬이 휴대폰용 1080 폭 이미지에 권하는 기준(본문 36px, 라벨 28px)에 못 미친다고 모델이 스스로 알렸고, 휴대폰에 올리려면 두 장으로 나누라고 권했습니다.
시간과 비용: claude-opus-5-5(2026-10-21 기준)에서 인포그래픽 한 장은 3.8~6.8분·0.97~1.75달러, 아이폰 프로토타입(4~5화면 또는 5단계 흐름)은 5.7~9.6분·1.41~1.97달러였고, 평가 보고서 한 번은 6.5분·1.52달러였습니다. 14번 합계는 20.54달러·84.7분입니다. 14번 모두 비용 상한 2달러(--max-budget-usd 2)로 돌렸고 상한에 걸려 실패한 실행은 없지만, 5화면 앱(run08)은 1.97달러까지 올라 모델이 화면 확인과 마무리 단계를 하지 못한 채 끝났습니다.
권한 창: 이 스킬은 시작할 때 python3 스크립트를 돌리고, 모델은 결과를 확인하려고 Chrome 캡처 명령을 씁니다. 시험은 답할 사람이 없는 비대화형(claude -p) 실행이라 권한·셸 안전 검사에 실행마다 1~6번(합계 51번) 막혔고, 모델이 명령을 나누거나 바꿔 이어 갔습니다. 그 밖의 도구 오류는 실행마다 0~2번(합계 6번)으로, 두 수는 따로 센 값입니다. 대화형으로 쓰면 python3 스크립트와 Chrome 캡처 명령에 승인 창이 뜰 수 있으니 승인할 준비를 하세요(대화형은 시험하지 않았습니다). 또 모델이 확인용 임시 파일을 프로젝트 밖(/tmp)에 만든 실행이 2번 있었습니다(run04, run05). 시험 도중 프롬프트에 '확인용 임시 파일(시험본 HTML, 스크린숏, 스크립트)도 현재 폴더 안에 만들어 줘. /tmp 같은 바깥 폴더에는 쓰지 마'를 더했고, 그 뒤에 띄운 7번(run06·run08·run10~run14)은 7번 모두 밖에 쓰지 않았습니다(문장을 더하기 전에 띄운 7번 중에서는 2번이 썼습니다).
화면 자동 검사는 Python Playwright가 있어야 돌아갑니다. 스킬은 끝날 때 글자 크기·대비·콘솔 오류를 재는 검사(design_lint.py check)와 외관 장부 기록을 하는데, Playwright가 없으면 그 단계만 오류 없이 건너뜁니다(건너뛴다는 안내와 설치 명령을 출력하고 종료 코드 0). 시험 장비에는 없어 마무리 단계까지 간 13번 모두 건너뛰었고, 대신 모델이 14번 중 13번 헤드리스 Chrome으로 결과를 찍어 직접 봤습니다. run01은 최종 보고에 '외관 기록에 남겼다'고 썼지만 실제로는 건너뛰어졌으니, 모델의 마무리 보고도 확인하세요.
가상 이름과 가상 데이터로만 시험했습니다. 시험 프롬프트는 이름과 숫자를 모두 지어낸 것으로 두고, 인포그래픽 7개에는 '예시 데이터' 표기를 넣게 했고(평가 보고서에도 들어갔습니다), 앱 전시판은 run02를 빼고 모델이 '지어낸'·'가상' 문구를 넣었습니다. 실존 브랜드나 실제 사진이 들어가는 작업은 시험하지 않았습니다. 스킬 문서는 그런 경우 웹 검색으로 사실을 확인하고 로고·사진을 내려받으라고 하는데, 시험은 웹 접근을 막고 외부 이미지 수집을 쓰지 말라고 적었습니다.
로컬 기록: 스킬이 ~/.huashu-design/에 경험 기록(사용자 말 인용 포함)과 외관 장부(프로젝트 절대 경로 포함)를 남깁니다. HUASHU_DESIGN_HOME으로 위치를 바꿀 수 있고, 시험은 실행마다 이 폴더를 시험 폴더로 돌려 사용자 홈에는 아무것도 생기지 않았습니다(Playwright가 없어 외관 장부는 시험에서 한 번도 생기지 않았습니다). README는 '쓸수록 취향을 기억한다'고 설명하지만 이번 시험에서는 확인하지 않았습니다. 프롬프트에 취향 발언이 없어 취향 기록은 0건이었고, 모델이 남긴 관찰 기록 5건만 격리 폴더에 생겼습니다.
시험하지 않은 기능: 이 페이지는 인포그래픽 7개, 아이폰 앱 프로토타입 6개, 전문가 평가 1회만 시험한 결과입니다. 슬라이드 덱·웹 화면 모듈(앞서 다룬 다른 스킬 페이지와 주제가 겹쳐 뺐습니다)과 모션·MP4·PPTX·PDF 내보내기(Node.js가 필요해 뺐습니다)는 시험하지 않았습니다. README는 Codex·Cursor 같은 다른 에이전트도 든다고 하지만 이 시험은 Claude Code에서만 했습니다.
라이선스는 MIT입니다(2026-05-14부터이고, 그 전에는 개인 사용은 무료·기업 상용은 허가가 필요한 라이선스였습니다). 이 페이지에는 결과 캡처 PNG만 싣고 결과 HTML과 스킬 코드는 싣지 않았습니다.

결과물 13개

카드 한 장은 실행 한 번의 대표 화면 캡처입니다. 굵은 글씨는 결과 설명이고, '프롬프트 전문 보기'를 누르면 그때 쓴 프롬프트 전문이 펼쳐집니다(브리프 뒤에 시험 때마다 붙인 공통 진행 메모가 이어집니다). 인포그래픽은 1080×1350 원본을 세로 1080×1920 화면 가운데에 놓은 것이라 위아래 검은 여백은 캡처 합성이고(run11은 원본이 1080×1920), run05와 run14는 긴 이미지의 위쪽 1920픽셀만 보입니다. 아이폰 앱은 전시판에 놓인 아이폰 중 대표 화면 한 대만 2배로 찍은 것이라(run10은 5단계 흐름 중 1단계, 전시판 전체와 나머지 화면은 싣지 않았습니다) 둥근 모서리 바깥에 전시판 배경이 조금 보입니다. 화면 속 이름·숫자·사연은 모두 시험용으로 지어낸 가상 자료입니다. 테두리 카드(run12, run06, run09, run05)는 방향과 입력이 서로 다른 대표 결과입니다. 같은 프롬프트의 짝은 run01과 run03, run02와 run04입니다. 알려진 흠: run07 범례의 '47%'는 반올림 오류이고(위 '써 보니' 참고), run13은 글자가 작으며, run11은 시험 프롬프트가 '대설부터 우수까지는 텃밭 쉬는 기간'과 '입춘에 감자 씨눈 고르기'를 함께 적은 모순이 그림에 그대로 나타납니다. run08(5화면 앱)은 갤러리에서 뺐습니다. 전시판의 확대 카드에서 말풍선이 카드 제목·설명과 겹치고, 예산이 바닥나 모델이 화면을 한 번도 확인하지 못한 결과이기 때문입니다. 성공 14회에는 포함한 값입니다.

run05 · 가상 고양이 '보리'의 1년 기록 CSV 두 개로 만든 1080×2700 결산 보고서. 첫 화면에 '하루 평균 낮잠 13.1시간 — 깨어 있는 시간보다 깁니다'와 24시간 막대(55%), 큰 숫자 넷(낮잠 합계 4,798시간·창가 출석 363일·우다다 676번·사료 22.4kg), 24시간 활동 극좌표 시계(새벽 6시 34분이 최고). 아래로 12달×31일 '창가 출석부' 열지도(결석 4월 7·11일 ✕, 최장 10월 27일 173분), 계절별 낮잠 곡선(봄 14.6·가을 11.7시간), 사건 네 개를 얹은 365일 낮잠 띠.
프롬프트 전문 보기
/huashu-design 현재 폴더의 bori_2025.csv(하루 기록 365줄)와 bori_hours.csv(시간대별 평균 활동)로 1년 결산 인포그래픽을 만들어 줘. 브리프 - 주제: 가상의 고양이 '보리'(4살, 실내묘)의 2025년 한 해. 숫자는 모두 지어낸 예시 데이터이니 그림 안에 '예시 데이터'라고 표기해 줘. - 형식: 폭 1080의 세로 긴 이미지, 높이 2700(휴대폰 두 화면 분량). 위쪽 1080×1350만 잘라 봐도 제목, 주인공 숫자 하나, 핵심 그림이 다 들어가야 한다. - 꼭 넣을 것(5가지): (1) 1년 평균 낮잠 시간 같은 큰 숫자 몇 개, (2) 하루 24시간 활동 시계(bori_hours.csv), (3) 365일 '창가 출석' 달력 열지도(window_minutes), (4) 계절에 따른 낮잠 시간 변화, (5) note 열의 사건 네 개(예방접종, 새 캣타워, 건강검진, 택배 상자)를 시간 띠 위에. - 숫자는 CSV에서 직접 계산하고, 계산한 값만 써 줘. 반올림 규칙은 그림 아래에 짧게. - 보는 사람: 보리의 집사와 그 친구들. 연말에 SNS에 올릴 결산 카드. 유머는 살짝, 데이터는 정확하게. - 방향: 세 방향 초안 단계는 이번 대화에서 내가 명시적으로 건너뛴다. 방향은 스타일 라이브러리 인포그래픽 분야의 '개인 데이터 인쇄 연보(Personal Annual Report)'로 확정하고 바로 완성본을 만들어 줘. 진행 메모(비대화형 시험 실행이라 대화로 답할 수 없다) - 질문이나 중간 확인을 기다리지 말고 위 답으로 끝까지 완성해 줘. direction-approved.md에는 위 '방향' 문장을 원문 그대로 적어 줘. - 이름과 숫자는 모두 가상이다. 실존 기업, 제품, 인물, 통계는 넣지 마. 사실 확인 검색이나 브랜드 자산 수집은 필요 없다. - 외부 이미지 수집(fetch_images.py), 참고 작품 캡처(ref_board.py), scripts/cloud, BGM은 쓰지 마. 그림이 필요하면 SVG, CSS, canvas 같은 프로그램 소재로 만들어. - 화면 글자는 한국어(필요하면 영어 조금). 중국어나 한자는 쓰지 마. 글꼴은 한글 글꼴(예: Noto Sans KR, Noto Serif KR)로. - 이 장비에는 Node/npx와 Python Playwright가 없고 설치도 하지 않는다. design_lint.py check가 건너뛰어지면 그대로 두고, 화면 확인은 헤드리스 Chrome으로 해(예: google-chrome --headless=new --disable-gpu --hide-scrollbars --window-size=<가로>,<세로> --screenshot=<출력.png> file://<html 절대 경로>). - 결과는 현재 폴더 아래 프로젝트 폴더 하나에 두고, 메모 파일도 한국어로 써 줘.

run06 · 라면·반숙 달걀·수육 조리를 음악 시퀀서처럼 16칸 단계표로 짜는 가상 부엌 도구 '냄비 시퀀서'. 검은 기계 패널에 불꽃 주황 하나만 써서 '지금 움직이는 것'만 칠했고, 5×7 점 글자로 남은 시간·패턴 시간을 그렸다. 타이머(드래그 다이얼, 바깥 고리가 켜진 칸들), 16칸 단계표(칸 켜고 끄기, 불 세기·길이 편집), 냄비 지름별 물 양 슬라이더(80% 넘으면 넘침 주의), 저장한 패턴 5개(라면 4:30, 수육 50:00 등) 4개 화면.
프롬프트 전문 보기
/huashu-design 아이폰 앱 프로토타입을 만들어 줘. 화면 4개, 실제로 눌러지게. 브리프 - 앱: 가상의 '냄비 시퀀서'. 라면, 반숙 달걀, 수육처럼 시간을 재는 요리를 16칸 단계표(음악 시퀀서처럼)로 짜 두고 타이머로 돌리는 부엌 도구다. - 화면 4개: 타이머(돌리는 다이얼, 남은 시간 큰 읽음값), 16칸 단계표(칸마다 불 세기와 할 일, 칸을 눌러 켜고 끄기), 물 양 계량(냄비 크기별 눈금 슬라이더), 저장한 패턴(라면 4분 30초, 반숙 6분 30초, 수육 50분 같은 가상 패턴 목록). - 보는 사람: 요리는 서툴지만 기계 만지는 걸 좋아하는 20~30대 자취생. - 방향: 세 방향 초안 단계는 이번 대화에서 내가 명시적으로 건너뛴다. 방향은 스타일 라이브러리 App 분야의 Hardware Panel(전자 악기 패널 같은 버튼·다이얼·점 글자)로 확정하고 바로 완성본을 만들어 줘. 진행 메모(비대화형 시험 실행이라 대화로 답할 수 없다) - 질문이나 중간 확인을 기다리지 말고 위 답으로 끝까지 완성해 줘. direction-approved.md에는 위 '방향' 문장을 원문 그대로 적어 줘. - 이름과 숫자는 모두 가상이다. 실존 기업, 제품, 인물, 통계는 넣지 마. 사실 확인 검색이나 브랜드 자산 수집은 필요 없다. - 외부 이미지 수집(fetch_images.py), 참고 작품 캡처(ref_board.py), scripts/cloud, BGM은 쓰지 마. 그림이 필요하면 SVG, CSS, canvas 같은 프로그램 소재로 만들어. - 화면 글자는 한국어(필요하면 영어 조금). 중국어나 한자는 쓰지 마. 글꼴은 한글 글꼴(예: Noto Sans KR, Noto Serif KR)로. - 이 장비에는 Node/npx와 Python Playwright가 없고 설치도 하지 않는다. design_lint.py check가 건너뛰어지면 그대로 두고, 화면 확인은 헤드리스 Chrome으로 해(예: google-chrome --headless=new --disable-gpu --hide-scrollbars --window-size=<가로>,<세로> --screenshot=<출력.png> file://<html 절대 경로>). - 결과는 현재 폴더 아래 프로젝트 폴더 하나에 두고, 메모 파일도 한국어로 써 줘. - 확인용 임시 파일(시험본 HTML, 스크린숏, 스크립트)도 현재 폴더 안에 만들어 줘. /tmp 같은 바깥 폴더에는 쓰지 마.

run09 · 가상 편의점 점장 메모(Markdown 표)를 읽어 만든 잡지 데이터 페이지. 제목 '밤 8시, 참치마요 퇴근 매운제육 출근'을 압축 굵은 글자로 크게 쓰고, 가운데 검은 시간 띠를 기준으로 참치마요(남색)는 위로, 매운제육(핫핑크)은 아래로 뻗는 막대를 그렸다. 20시에 점선 '교대선', '출근길 1등'(08–10시 14개)·'야식 1등'(22–24시 13개) 이름표, 알바생 한마디 말풍선, 하단에 다섯 맛 하루 합계(총 276개) 순위 띠.
프롬프트 전문 보기
/huashu-design 현재 폴더의 memo.md(가상 편의점 점장 메모)를 읽고 잡지 데이터 페이지 같은 인포그래픽 한 장(1080×1350)을 만들어 줘. 브리프 - 주제: 가상 편의점 '골목 끝 24시'의 삼각김밥 시간대별 판매(일주일 평균, 예시 데이터). 그림 안에 '예시 데이터'라고 표기해 줘. - 하고 싶은 말: 아침은 참치마요, 밤은 매운제육. 메모의 '눈에 띈 것'에서 가장 강한 한 가지를 제목으로 골라 줘. - 숫자는 메모의 표에서만 가져오고, 합계와 순위는 표로 다시 계산해서 맞는지 확인해 줘. - 보는 사람: 이 편의점 점장과 알바생, 그리고 동네 단톡방. 크게 웃기되 숫자는 정확하게. - 방향: 세 방향 초안 단계는 이번 대화에서 내가 명시적으로 건너뛴다. 방향은 스타일 라이브러리 인포그래픽 분야의 '잡지 원색 데이터 페이지(Magazine Pop Data)'로 확정하고 바로 완성본을 만들어 줘. 진행 메모(비대화형 시험 실행이라 대화로 답할 수 없다) - 질문이나 중간 확인을 기다리지 말고 위 답으로 끝까지 완성해 줘. direction-approved.md에는 위 '방향' 문장을 원문 그대로 적어 줘. - 이름과 숫자는 모두 가상이다. 실존 기업, 제품, 인물, 통계는 넣지 마. 사실 확인 검색이나 브랜드 자산 수집은 필요 없다. - 외부 이미지 수집(fetch_images.py), 참고 작품 캡처(ref_board.py), scripts/cloud, BGM은 쓰지 마. 그림이 필요하면 SVG, CSS, canvas 같은 프로그램 소재로 만들어. - 화면 글자는 한국어(필요하면 영어 조금). 중국어나 한자는 쓰지 마. 글꼴은 한글 글꼴(예: Noto Sans KR, Noto Serif KR)로. - 이 장비에는 Node/npx와 Python Playwright가 없고 설치도 하지 않는다. design_lint.py check가 건너뛰어지면 그대로 두고, 화면 확인은 헤드리스 Chrome으로 해(예: google-chrome --headless=new --disable-gpu --hide-scrollbars --window-size=<가로>,<세로> --screenshot=<출력.png> file://<html 절대 경로>). - 결과는 현재 폴더 아래 프로젝트 폴더 하나에 두고, 메모 파일도 한국어로 써 줘.

run12 · 저녁 메뉴를 커다란 주사위로 정하는 가상 앱 '주사위 밥상'. 버튼·칩·주사위·동전 모두 아래쪽에 두께가 있어 누르면 눌려 들어가고, 화면색은 음식에서 따왔다(굴리기 고추장 주황, 후보 상자 단무지 노랑, 결과 열무 연두, 이번 주 가지 보라). 주사위를 누르면 1.2초 동안 튀며 구르다 결과 화면으로 넘어가 뽑힌 메뉴를 보여 주고, 다시 굴리기 기회 2번은 동전으로 표시한다. 어두운 체크 식탁보 전시판에 아이폰 4대를 기울여 놓았다.
프롬프트 전문 보기
/huashu-design 아이폰 앱 프로토타입을 만들어 줘. 화면 4개, 실제로 눌러지게. 브리프 - 앱: 가상의 '주사위 밥상'. 저녁 메뉴를 못 정할 때 커다란 주사위를 굴려 정해 주는 장난감 같은 앱이다. - 화면 4개: 굴리기(큰 주사위 버튼, 누르면 굴러가는 움직임), 후보 상자(메뉴 12개를 켜고 끄는 칩: 김치찌개, 떡볶이, 카레, 비빔국수, 볶음밥, 된장찌개, 오므라이스, 냉면, 짜장 덮밥, 닭갈비, 순두부, 감자전), 결과(뽑힌 메뉴와 '다시 굴리기' 기회 2번), 이번 주 밥상(요일별로 뽑힌 메뉴 기록). - 보는 사람: 매일 저녁 '뭐 먹지'로 다투는 2인 가구. - 방향: 세 방향 초안 단계는 이번 대화에서 내가 명시적으로 건너뛴다. 방향은 스타일 라이브러리 App 분야의 Playful Tactile(손으로 누르고 싶은 두툼한 3D 재질)로 확정하고 바로 완성본을 만들어 줘. 진행 메모(비대화형 시험 실행이라 대화로 답할 수 없다) - 질문이나 중간 확인을 기다리지 말고 위 답으로 끝까지 완성해 줘. direction-approved.md에는 위 '방향' 문장을 원문 그대로 적어 줘. - 이름과 숫자는 모두 가상이다. 실존 기업, 제품, 인물, 통계는 넣지 마. 사실 확인 검색이나 브랜드 자산 수집은 필요 없다. - 외부 이미지 수집(fetch_images.py), 참고 작품 캡처(ref_board.py), scripts/cloud, BGM은 쓰지 마. 그림이 필요하면 SVG, CSS, canvas 같은 프로그램 소재로 만들어. - 화면 글자는 한국어(필요하면 영어 조금). 중국어나 한자는 쓰지 마. 글꼴은 한글 글꼴(예: Noto Sans KR, Noto Serif KR)로. - 이 장비에는 Node/npx와 Python Playwright가 없고 설치도 하지 않는다. design_lint.py check가 건너뛰어지면 그대로 두고, 화면 확인은 헤드리스 Chrome으로 해(예: google-chrome --headless=new --disable-gpu --hide-scrollbars --window-size=<가로>,<세로> --screenshot=<출력.png> file://<html 절대 경로>). - 결과는 현재 폴더 아래 프로젝트 폴더 하나에 두고, 메모 파일도 한국어로 써 줘. - 확인용 임시 파일(시험본 HTML, 스크린숏, 스크립트)도 현재 폴더 안에 만들어 줘. /tmp 같은 바깥 폴더에는 쓰지 마.

run01 · 가상 '물고기자리 아파트' 10월 분리수거 3,000kg을 ISOTYPE 그림 통계로 그렸다. 그림 하나가 100kg이고 종이(상자)·플라스틱(병)·비닐·유리병·캔 다섯 줄에 그림 개수로 양을 보여 준다(100kg이 안 되는 나머지는 그림을 잘라서). 종이·플라스틱 두 줄을 노란 띠로 묶어 '합치면 2,100kg, 전체의 70%', 9월보다 줄어든 240kg은 빨간 점선 빈칸 2.4개로. '예시 데이터' 표기 두 곳.
프롬프트 전문 보기
/huashu-design 휴대폰 피드용 인포그래픽 한 장(1080×1350)을 만들어 줘. 브리프 - 주제: 가상의 '물고기자리 아파트' 10월 분리수거 한 달 기록. 숫자는 모두 지어낸 예시 데이터이니 그림 안에 '예시 데이터'라고 표기해 줘. - 데이터(kg): 종이 1,240, 플라스틱 860, 비닐 410, 유리병 320, 캔과 고철 170. 합계 3,000(9월 합계 3,240). - 하고 싶은 말: 종이와 플라스틱이 전체의 70%다. 9월보다 240kg 줄었다. - 보는 사람: 단지 주민. 엘리베이터 게시판과 단톡방에서 휴대폰으로 본다. 밝고 친근하게. - 방향: 세 방향 초안 단계는 이번 대화에서 내가 명시적으로 건너뛴다. 방향은 스타일 라이브러리 인포그래픽 분야의 ISOTYPE 그림 통계로 확정하고 바로 완성본을 만들어 줘. 진행 메모(비대화형 시험 실행이라 대화로 답할 수 없다) - 질문이나 중간 확인을 기다리지 말고 위 답으로 끝까지 완성해 줘. direction-approved.md에는 위 '방향' 문장을 원문 그대로 적어 줘. - 이름과 숫자는 모두 가상이다. 실존 기업, 제품, 인물, 통계는 넣지 마. 사실 확인 검색이나 브랜드 자산 수집은 필요 없다. - 외부 이미지 수집(fetch_images.py), 참고 작품 캡처(ref_board.py), scripts/cloud, BGM은 쓰지 마. 그림이 필요하면 SVG, CSS, canvas 같은 프로그램 소재로 만들어. - 화면 글자는 한국어(필요하면 영어 조금). 중국어나 한자는 쓰지 마. 글꼴은 한글 글꼴(예: Noto Sans KR, Noto Serif KR)로. - 이 장비에는 Node/npx와 Python Playwright가 없고 설치도 하지 않는다. design_lint.py check가 건너뛰어지면 그대로 두고, 화면 확인은 헤드리스 Chrome으로 해(예: google-chrome --headless=new --disable-gpu --hide-scrollbars --window-size=<가로>,<세로> --screenshot=<출력.png> file://<html 절대 경로>). - 결과는 현재 폴더 아래 프로젝트 폴더 하나에 두고, 메모 파일도 한국어로 써 줘.

run02 · 이웃 여섯 집이 요일마다 반찬을 만들어 나누는 가상 앱 '반찬 회전목마'. 흰 바탕에 파랑은 체크·주요 버튼에만 쓰는 정돈된 네이티브 화면 4개(오늘·4주 당번표·반찬 올리기·우리 집 기록)를 전시판에 나란히 놓았고, 네 대가 상태를 함께 써서 1번에서 '받으면 눌러 주세요'를 누르면 4번 기록의 받은 횟수가 15에서 16으로 바뀐다. 여섯 집은 은행잎·대문·고양이·자전거·화분·두 채 집 선 그림 표식으로 구분한다.
프롬프트 전문 보기
/huashu-design 아이폰 앱 프로토타입을 만들어 줘. 화면 4개, 실제로 눌러지게. 브리프 - 앱: 가상의 '반찬 회전목마'. 같은 아파트 이웃 여섯 집이 요일마다 돌아가며 반찬을 만들어 나누는 당번 앱이다. - 화면 4개: 오늘(이번 주 당번과 오늘 받을 반찬), 당번표(4주 달력), 반찬 올리기(사진 자리, 메뉴, 수량, 알레르기 표시), 우리 집 기록(이번 달 만든 횟수와 받은 횟수). - 가상 데이터: 여섯 집 이름은 은행나무집, 빨간대문집, 고양이집, 자전거집, 화분집, 쌍둥이네. 반찬과 날짜는 알아서 지어도 된다. - 보는 사람: 반찬 나눔에 참여하는 40~60대 이웃. 글자가 크고 단순해야 한다. - 방향: 세 방향 초안 단계는 이번 대화에서 내가 명시적으로 건너뛴다. 방향은 스타일 라이브러리 App 분야의 Native Polish(정돈된 네이티브 할 일 앱 감각)로 확정하고 바로 완성본을 만들어 줘. 진행 메모(비대화형 시험 실행이라 대화로 답할 수 없다) - 질문이나 중간 확인을 기다리지 말고 위 답으로 끝까지 완성해 줘. direction-approved.md에는 위 '방향' 문장을 원문 그대로 적어 줘. - 이름과 숫자는 모두 가상이다. 실존 기업, 제품, 인물, 통계는 넣지 마. 사실 확인 검색이나 브랜드 자산 수집은 필요 없다. - 외부 이미지 수집(fetch_images.py), 참고 작품 캡처(ref_board.py), scripts/cloud, BGM은 쓰지 마. 그림이 필요하면 SVG, CSS, canvas 같은 프로그램 소재로 만들어. - 화면 글자는 한국어(필요하면 영어 조금). 중국어나 한자는 쓰지 마. 글꼴은 한글 글꼴(예: Noto Sans KR, Noto Serif KR)로. - 이 장비에는 Node/npx와 Python Playwright가 없고 설치도 하지 않는다. design_lint.py check가 건너뛰어지면 그대로 두고, 화면 확인은 헤드리스 Chrome으로 해(예: google-chrome --headless=new --disable-gpu --hide-scrollbars --window-size=<가로>,<세로> --screenshot=<출력.png> file://<html 절대 경로>). - 결과는 현재 폴더 아래 프로젝트 폴더 하나에 두고, 메모 파일도 한국어로 써 줘.

run03 · run01과 글자 하나 다르지 않은 프롬프트로 다시 돌린 결과. 그림 하나 100kg 규칙은 같지만 색은 주황(종이·플라스틱) 하나와 회청(나머지)으로 줄이고, 제목은 '10월 분리수거의 70%는 종이와 플라스틱이었어요', 줄어든 240kg은 같은 100kg 마대 그림을 점선으로 2.4개 그렸다.
프롬프트 전문 보기
/huashu-design 휴대폰 피드용 인포그래픽 한 장(1080×1350)을 만들어 줘. 브리프 - 주제: 가상의 '물고기자리 아파트' 10월 분리수거 한 달 기록. 숫자는 모두 지어낸 예시 데이터이니 그림 안에 '예시 데이터'라고 표기해 줘. - 데이터(kg): 종이 1,240, 플라스틱 860, 비닐 410, 유리병 320, 캔과 고철 170. 합계 3,000(9월 합계 3,240). - 하고 싶은 말: 종이와 플라스틱이 전체의 70%다. 9월보다 240kg 줄었다. - 보는 사람: 단지 주민. 엘리베이터 게시판과 단톡방에서 휴대폰으로 본다. 밝고 친근하게. - 방향: 세 방향 초안 단계는 이번 대화에서 내가 명시적으로 건너뛴다. 방향은 스타일 라이브러리 인포그래픽 분야의 ISOTYPE 그림 통계로 확정하고 바로 완성본을 만들어 줘. 진행 메모(비대화형 시험 실행이라 대화로 답할 수 없다) - 질문이나 중간 확인을 기다리지 말고 위 답으로 끝까지 완성해 줘. direction-approved.md에는 위 '방향' 문장을 원문 그대로 적어 줘. - 이름과 숫자는 모두 가상이다. 실존 기업, 제품, 인물, 통계는 넣지 마. 사실 확인 검색이나 브랜드 자산 수집은 필요 없다. - 외부 이미지 수집(fetch_images.py), 참고 작품 캡처(ref_board.py), scripts/cloud, BGM은 쓰지 마. 그림이 필요하면 SVG, CSS, canvas 같은 프로그램 소재로 만들어. - 화면 글자는 한국어(필요하면 영어 조금). 중국어나 한자는 쓰지 마. 글꼴은 한글 글꼴(예: Noto Sans KR, Noto Serif KR)로. - 이 장비에는 Node/npx와 Python Playwright가 없고 설치도 하지 않는다. design_lint.py check가 건너뛰어지면 그대로 두고, 화면 확인은 헤드리스 Chrome으로 해(예: google-chrome --headless=new --disable-gpu --hide-scrollbars --window-size=<가로>,<세로> --screenshot=<출력.png> file://<html 절대 경로>). - 결과는 현재 폴더 아래 프로젝트 폴더 하나에 두고, 메모 파일도 한국어로 써 줘.

run04 · run02와 같은 프롬프트의 두 번째 결과. 전시판 왼쪽에 앱 이름과 이번 주 당번표를 두고 '오늘' 화면을 1.1배로 키워 주인공으로, 나머지 세 대는 0.88배로 높낮이를 달리 놓았다. 기록 화면은 여섯 집을 원 위에 놓고 집마다 받은 횟수를 적은 고리 그림('회전목마')을 그렸고, '받았어요'를 체크하면 기록의 받은 횟수가 14에서 15로 바뀐다.
프롬프트 전문 보기
/huashu-design 아이폰 앱 프로토타입을 만들어 줘. 화면 4개, 실제로 눌러지게. 브리프 - 앱: 가상의 '반찬 회전목마'. 같은 아파트 이웃 여섯 집이 요일마다 돌아가며 반찬을 만들어 나누는 당번 앱이다. - 화면 4개: 오늘(이번 주 당번과 오늘 받을 반찬), 당번표(4주 달력), 반찬 올리기(사진 자리, 메뉴, 수량, 알레르기 표시), 우리 집 기록(이번 달 만든 횟수와 받은 횟수). - 가상 데이터: 여섯 집 이름은 은행나무집, 빨간대문집, 고양이집, 자전거집, 화분집, 쌍둥이네. 반찬과 날짜는 알아서 지어도 된다. - 보는 사람: 반찬 나눔에 참여하는 40~60대 이웃. 글자가 크고 단순해야 한다. - 방향: 세 방향 초안 단계는 이번 대화에서 내가 명시적으로 건너뛴다. 방향은 스타일 라이브러리 App 분야의 Native Polish(정돈된 네이티브 할 일 앱 감각)로 확정하고 바로 완성본을 만들어 줘. 진행 메모(비대화형 시험 실행이라 대화로 답할 수 없다) - 질문이나 중간 확인을 기다리지 말고 위 답으로 끝까지 완성해 줘. direction-approved.md에는 위 '방향' 문장을 원문 그대로 적어 줘. - 이름과 숫자는 모두 가상이다. 실존 기업, 제품, 인물, 통계는 넣지 마. 사실 확인 검색이나 브랜드 자산 수집은 필요 없다. - 외부 이미지 수집(fetch_images.py), 참고 작품 캡처(ref_board.py), scripts/cloud, BGM은 쓰지 마. 그림이 필요하면 SVG, CSS, canvas 같은 프로그램 소재로 만들어. - 화면 글자는 한국어(필요하면 영어 조금). 중국어나 한자는 쓰지 마. 글꼴은 한글 글꼴(예: Noto Sans KR, Noto Serif KR)로. - 이 장비에는 Node/npx와 Python Playwright가 없고 설치도 하지 않는다. design_lint.py check가 건너뛰어지면 그대로 두고, 화면 확인은 헤드리스 Chrome으로 해(예: google-chrome --headless=new --disable-gpu --hide-scrollbars --window-size=<가로>,<세로> --screenshot=<출력.png> file://<html 절대 경로>). - 결과는 현재 폴더 아래 프로젝트 폴더 하나에 두고, 메모 파일도 한국어로 써 줘.

run07 · 가상 섬 마을버스 순환 노선(정류장 9곳)을 0·45·90도로만 꺾이는 초록 고리 하나로 그리고, 정류장 원의 넓이를 하루 평균 승객 수에 비례시켰다. 선착장 142·시장 골목 96은 주황 원, 하루 20명이 안 되는 염전 12·등대 아래 18은 점선 원. 고리 안에 '한 바퀴 38분, 하루 11회 운행', 정류장마다 한국어 아래 영어 이름(Ferry Pier 등), 제목은 '승객의 절반 가까이는 선착장과 시장 골목에서 탑니다'.
프롬프트 전문 보기
/huashu-design 인포그래픽 한 장(1080×1350)을 만들어 줘. 브리프 - 주제: 가상의 섬 '종이배섬' 마을버스 순환 노선도와 정류장별 하루 평균 승객(예시 데이터). 그림 안에 '예시 데이터'라고 표기해 줘. - 노선: 선착장 → 등대 아래 → 초등학교 → 보건지소 → 시장 골목 → 염전 → 해수욕장 → 동백 숲 → 마을회관 → 다시 선착장. 9개 정류장, 한 바퀴 38분, 하루 11회 운행. - 하루 평균 승객(명): 선착장 142, 등대 아래 18, 초등학교 64, 보건지소 37, 시장 골목 96, 염전 12, 해수욕장 51, 동백 숲 23, 마을회관 58. - 정류장 이름은 한국어 아래에 영어를 작게 같이 써 줘(관광객용). 예: 선착장 / Ferry Pier. - 하고 싶은 말: 승객의 절반 가까이가 선착장과 시장 골목에서 탄다. 염전과 등대 아래는 하루 스무 명이 안 된다. - 보는 사람: 섬 주민과 관광객. 정류장 안내판과 휴대폰에서 본다. - 방향: 세 방향 초안 단계는 이번 대화에서 내가 명시적으로 건너뛴다. 방향은 스타일 라이브러리 인포그래픽 분야의 '위상 단순화 노선도(Topological Transit Map)'로 확정하고 바로 완성본을 만들어 줘. 실제 지형은 없으니 지도처럼 그리지 말고 노선도 문법으로. 진행 메모(비대화형 시험 실행이라 대화로 답할 수 없다) - 질문이나 중간 확인을 기다리지 말고 위 답으로 끝까지 완성해 줘. direction-approved.md에는 위 '방향' 문장을 원문 그대로 적어 줘. - 이름과 숫자는 모두 가상이다. 실존 기업, 제품, 인물, 통계는 넣지 마. 사실 확인 검색이나 브랜드 자산 수집은 필요 없다. - 외부 이미지 수집(fetch_images.py), 참고 작품 캡처(ref_board.py), scripts/cloud, BGM은 쓰지 마. 그림이 필요하면 SVG, CSS, canvas 같은 프로그램 소재로 만들어. - 화면 글자는 한국어(필요하면 영어 조금). 중국어나 한자는 쓰지 마. 글꼴은 한글 글꼴(예: Noto Sans KR, Noto Serif KR)로. - 이 장비에는 Node/npx와 Python Playwright가 없고 설치도 하지 않는다. design_lint.py check가 건너뛰어지면 그대로 두고, 화면 확인은 헤드리스 Chrome으로 해(예: google-chrome --headless=new --disable-gpu --hide-scrollbars --window-size=<가로>,<세로> --screenshot=<출력.png> file://<html 절대 경로>). - 결과는 현재 폴더 아래 프로젝트 폴더 하나에 두고, 메모 파일도 한국어로 써 줘.

run10 · 동네 독서 모임 8명의 회비를 걷고 쓰는 가상 앱 '모임 회비 항아리'를 아이폰 한 대로 처음부터 끝까지 눌러 보는 흐름 데모로 만들었다. 코랄색 화면에 34px 둥근 흰 판, 회원은 별명 첫 글자 동그라미. 이번 달 항아리(잔액 31,500원) → 회비 요청(1만 원, 마감일) → 납부 확인(8명 중 6명, 60,000원) → 지출 기록(간식 24,000원, 영수증 자리) → 정산 카드(67,500원을 12월로). 항아리 그림의 물 높이가 잔액을 따라 차오르고, 주소 뒤 #step=3 같은 값으로 단계를 바로 연다.
프롬프트 전문 보기
/huashu-design 아이폰 앱 프로토타입을 만들어 줘. 이번에는 여러 화면을 늘어놓지 말고, 휴대폰 한 대로 한 가지 흐름을 처음부터 끝까지 눌러 볼 수 있게 해 줘. 브리프 - 앱: 가상의 '모임 회비 항아리'. 동네 독서 모임(8명)이 다달이 회비를 걷고 쓰는 앱이다. - 흐름(눌러서 넘어가는 단계 5개): 이번 달 항아리(잔액과 납부 현황) → 회비 요청 보내기(금액 1만 원, 마감일 고르기) → 납부 확인(8명 중 몇 명이 냈는지 체크) → 지출 기록(모임 간식 2만 4천 원, 영수증 사진 자리) → 이번 달 정산 카드(남은 돈, 다음 달로 넘기기). - 가상 데이터: 회원 여덟 명은 별명(책벌레, 밑줄장인, 늦게읽기, 표지수집가, 한줄요약, 커피당번, 사전파, 새벽독서)으로 쓴다. 잔액과 날짜는 앞뒤가 맞게 지어 줘. - 보는 사람: 모임 총무를 맡은 30~40대. 돈 이야기를 딱딱하지 않게. - 방향: 세 방향 초안 단계는 이번 대화에서 내가 명시적으로 건너뛴다. 방향은 스타일 라이브러리 App 분야의 Friendly Fintech(채도 높은 대표색과 큰 둥근 모서리)로 확정하고 바로 완성본을 만들어 줘. 진행 메모(비대화형 시험 실행이라 대화로 답할 수 없다) - 질문이나 중간 확인을 기다리지 말고 위 답으로 끝까지 완성해 줘. direction-approved.md에는 위 '방향' 문장을 원문 그대로 적어 줘. - 이름과 숫자는 모두 가상이다. 실존 기업, 제품, 인물, 통계는 넣지 마. 사실 확인 검색이나 브랜드 자산 수집은 필요 없다. - 외부 이미지 수집(fetch_images.py), 참고 작품 캡처(ref_board.py), scripts/cloud, BGM은 쓰지 마. 그림이 필요하면 SVG, CSS, canvas 같은 프로그램 소재로 만들어. - 화면 글자는 한국어(필요하면 영어 조금). 중국어나 한자는 쓰지 마. 글꼴은 한글 글꼴(예: Noto Sans KR, Noto Serif KR)로. - 이 장비에는 Node/npx와 Python Playwright가 없고 설치도 하지 않는다. design_lint.py check가 건너뛰어지면 그대로 두고, 화면 확인은 헤드리스 Chrome으로 해(예: google-chrome --headless=new --disable-gpu --hide-scrollbars --window-size=<가로>,<세로> --screenshot=<출력.png> file://<html 절대 경로>). - 결과는 현재 폴더 아래 프로젝트 폴더 하나에 두고, 메모 파일도 한국어로 써 줘. - 확인용 임시 파일(시험본 HTML, 스크린숏, 스크립트)도 현재 폴더 안에 만들어 줘. /tmp 같은 바깥 폴더에는 쓰지 마.

run11 · 가상 옥상 텃밭의 한 해를 24절기 세로 색띠로 그린 1080×1920 포스터. 계절마다 한 줄(봄 연두·여름 다홍·가을 치자·겨울 쪽빛), 절기마다 띠 높이로 일을 구분한다(일한 절기는 높은 띠에 계절색, 물만 준 절기는 중간 높이의 옅은 띠, 쉰 절기는 낮은 빗금 띠). 씨 뿌리기·모종 옮기기·거두기·물 주기·쉬기 아이콘, '대설부터 이듬해 우수까지, 텃밭이 쉬는 때' 괄호, 제목 옆 '열두 평'을 3×4 열두 칸으로. 절기 이름은 한글만 썼다.
프롬프트 전문 보기
/huashu-design 세로 포스터형 인포그래픽 한 장(1080×1920)을 만들어 줘. 브리프 - 주제: 가상의 옥상 텃밭 '햇볕 열두 평'의 한 해 절기 달력. 24절기마다 이 텃밭에서 한 일(씨 뿌리기, 모종 옮기기, 거두기, 쉬기)을 한눈에. 기록은 모두 지어낸 예시 데이터이니 그림 안에 '예시 데이터'라고 표기해 줘. - 가상 기록: 입춘에 감자 씨눈 고르기, 경칩에 상추와 쑥갓 씨 뿌리기, 청명에 감자 심기, 입하에 고추와 토마토 모종 옮기기, 망종에 감자 거두기, 소서에 토마토 첫 수확, 입추에 김장배추 씨 뿌리기, 백로에 고추 말리기, 상강에 무와 배추 거두기, 입동에 김장, 대설부터 우수까지는 텃밭 쉬는 기간. 나머지 절기는 비워 두거나 '물 주기' 정도로. - 절기 이름은 한글로만 쓴다(한자 병기 없이). 계절마다 색을 하나씩 정해 줘. - 보는 사람: 텃밭 모임 회원. 옥상 창고 문에 붙여 두고, 휴대폰 배경으로도 쓴다. - 방향: 세 방향 초안 단계는 이번 대화에서 내가 명시적으로 건너뛴다. 방향은 스타일 라이브러리 중국·동아시아 분야의 '전통색과 절기(Traditional Colors & Solar Terms)'로 확정하고 바로 완성본을 만들어 줘. 다만 화면 글자는 모두 한국어로. 진행 메모(비대화형 시험 실행이라 대화로 답할 수 없다) - 질문이나 중간 확인을 기다리지 말고 위 답으로 끝까지 완성해 줘. direction-approved.md에는 위 '방향' 문장을 원문 그대로 적어 줘. - 이름과 숫자는 모두 가상이다. 실존 기업, 제품, 인물, 통계는 넣지 마. 사실 확인 검색이나 브랜드 자산 수집은 필요 없다. - 외부 이미지 수집(fetch_images.py), 참고 작품 캡처(ref_board.py), scripts/cloud, BGM은 쓰지 마. 그림이 필요하면 SVG, CSS, canvas 같은 프로그램 소재로 만들어. - 화면 글자는 한국어(필요하면 영어 조금). 중국어나 한자는 쓰지 마. 글꼴은 한글 글꼴(예: Noto Sans KR, Noto Serif KR)로. - 이 장비에는 Node/npx와 Python Playwright가 없고 설치도 하지 않는다. design_lint.py check가 건너뛰어지면 그대로 두고, 화면 확인은 헤드리스 Chrome으로 해(예: google-chrome --headless=new --disable-gpu --hide-scrollbars --window-size=<가로>,<세로> --screenshot=<출력.png> file://<html 절대 경로>). - 결과는 현재 폴더 아래 프로젝트 폴더 하나에 두고, 메모 파일도 한국어로 써 줘. - 확인용 임시 파일(시험본 HTML, 스크린숏, 스크립트)도 현재 폴더 안에 만들어 줘. /tmp 같은 바깥 폴더에는 쓰지 마.

run13 · 가상 화분 실험 CSV로 만든 학술지 그림판 한 장. A 주차별 평균 잎 수(여섯 집단, 표준편차 오차 막대, 4일 창가가 5.75→15.25장), B 6주차 화분별 점 그림과 집단 평균선, C 흙 습도와 잎 증가량(r = 0.00, 간격별 평균 2일 5.88·4일 8.25·7일 5.25장), D 실험 배치 모식도(화분 번호 01~24). 색은 물 간격, 채운 점·빈 점은 놓는 곳으로 네 패널이 같은 약속을 쓰고, 그림 설명에 '집단마다 화분이 4개뿐이라 통계 검정은 하지 않았으니 경향으로만 읽는다'고 적었다.
프롬프트 전문 보기
/huashu-design 현재 폴더의 leaves.csv(가상 화분 실험 기록)로 과학 학술지 그림판 같은 인포그래픽 한 장(1080×1350)을 만들어 줘. 브리프 - 실험(가상): 같은 허브 화분 24개를 물 주는 간격 3가지(2일, 4일, 7일) × 놓는 곳 2가지(창가, 실내)로 나눠 화분 4개씩 6주 동안 잎 수와 흙 습도를 쟀다. 모두 지어낸 예시 데이터이니 그림 안에 '예시 데이터(가상 실험)'라고 표기해 줘. - 그림판 구성: A 주차별 평균 잎 수(여섯 집단, 오차 막대는 화분 4개의 표준편차), B 6주차 화분별 잎 수 점 그림, C 흙 습도와 잎 증가량의 관계, D 실험 배치 그림. 패널마다 한 줄 설명. - 숫자는 CSV에서 직접 계산하고, 계산한 값만 써 줘. 표본이 집단당 4개뿐이라 통계적으로 유의하다는 말은 하지 마. - 보는 사람: 중학교 과학 동아리. 학술지 그림처럼 정확하고 차분하게. - 방향: 세 방향 초안 단계는 이번 대화에서 내가 명시적으로 건너뛴다. 방향은 스타일 라이브러리 인포그래픽 분야의 '과학 학술지 그림판(Scientific Figure Plate)'으로 확정하고 바로 완성본을 만들어 줘. 진행 메모(비대화형 시험 실행이라 대화로 답할 수 없다) - 질문이나 중간 확인을 기다리지 말고 위 답으로 끝까지 완성해 줘. direction-approved.md에는 위 '방향' 문장을 원문 그대로 적어 줘. - 이름과 숫자는 모두 가상이다. 실존 기업, 제품, 인물, 통계는 넣지 마. 사실 확인 검색이나 브랜드 자산 수집은 필요 없다. - 외부 이미지 수집(fetch_images.py), 참고 작품 캡처(ref_board.py), scripts/cloud, BGM은 쓰지 마. 그림이 필요하면 SVG, CSS, canvas 같은 프로그램 소재로 만들어. - 화면 글자는 한국어(필요하면 영어 조금). 중국어나 한자는 쓰지 마. 글꼴은 한글 글꼴(예: Noto Sans KR, Noto Serif KR)로. - 이 장비에는 Node/npx와 Python Playwright가 없고 설치도 하지 않는다. design_lint.py check가 건너뛰어지면 그대로 두고, 화면 확인은 헤드리스 Chrome으로 해(예: google-chrome --headless=new --disable-gpu --hide-scrollbars --window-size=<가로>,<세로> --screenshot=<출력.png> file://<html 절대 경로>). - 결과는 현재 폴더 아래 프로젝트 폴더 하나에 두고, 메모 파일도 한국어로 써 줘. - 확인용 임시 파일(시험본 HTML, 스크린숏, 스크립트)도 현재 폴더 안에 만들어 줘. /tmp 같은 바깥 폴더에는 쓰지 마.

run14 · run07의 노선도 인포그래픽을 스킬의 평가 기준으로 채점한 1080 폭 보고서. 개념 7점에 다섯 차원(철학 일관성 8·시각 위계 6.5·세부 완성도 7·기능성 6.5·독창성 7)을 레이더 차트로 그리고 인포그래픽 가중치로 총점 6.9/10(양호). 숫자 검산 표에서 '47%'를 '238÷501=47.505%, 반올림하면 48%'로 틀림 판정했고, 축소판 위에 고칠 점 8개를 번호로 표시, 5분 수정 세 가지를 체크 상자로 정리했다.
프롬프트 전문 보기
/huashu-design review 폴더의 인포그래픽(종이배섬 마을버스 노선도.html과 그 캡처 PNG)을 스킬의 전문가 평가 기준으로 평가해 줘. 브리프 - 평가 대상: 가상의 섬 마을버스 노선도와 정류장별 하루 평균 승객을 1080×1350 한 장에 담은 휴대폰용 인포그래픽(예시 데이터). 주민과 관광객이 정류장 안내판과 휴대폰으로 본다. - 평가 방식: critique-guide.md의 개념과 다섯 차원(철학 일관성, 시각 위계, 세부 완성도, 기능성, 독창성) 점수, 인포그래픽 장면의 가중치, 지켜야 할 점(Keep), 고칠 점(Fix, 심각도 순), 5분 안에 할 수 있는 수정 세 가지(Quick Wins). 숫자(합계, 비율, 반올림)도 직접 검산해서 평가에 넣어 줘. - 결과물: 평가 보고서를 폭 1080의 세로 HTML 한 장으로 만들어 줘. 레이더 차트 하나와 평가 대상 캡처의 축소판을 넣고, 지적한 곳은 축소판 위에 번호로 표시해 줘. 원본 인포그래픽은 고치지 말고 평가만 한다. - 보고서는 평가 결과를 보여 주는 문서라 세 방향 초안 단계는 이번 대화에서 내가 명시적으로 건너뛴다. 보고서 모양은 차분한 심사표 느낌으로 바로 만들어 줘. 진행 메모(비대화형 시험 실행이라 대화로 답할 수 없다) - 질문이나 중간 확인을 기다리지 말고 위 답으로 끝까지 완성해 줘. direction-approved.md에는 위 '방향' 문장을 원문 그대로 적어 줘. - 이름과 숫자는 모두 가상이다. 실존 기업, 제품, 인물, 통계는 넣지 마. 사실 확인 검색이나 브랜드 자산 수집은 필요 없다. - 외부 이미지 수집(fetch_images.py), 참고 작품 캡처(ref_board.py), scripts/cloud, BGM은 쓰지 마. 그림이 필요하면 SVG, CSS, canvas 같은 프로그램 소재로 만들어. - 화면 글자는 한국어(필요하면 영어 조금). 중국어나 한자는 쓰지 마. 글꼴은 한글 글꼴(예: Noto Sans KR, Noto Serif KR)로. - 이 장비에는 Node/npx와 Python Playwright가 없고 설치도 하지 않는다. design_lint.py check가 건너뛰어지면 그대로 두고, 화면 확인은 헤드리스 Chrome으로 해(예: google-chrome --headless=new --disable-gpu --hide-scrollbars --window-size=<가로>,<세로> --screenshot=<출력.png> file://<html 절대 경로>). - 결과는 현재 폴더 아래 프로젝트 폴더 하나에 두고, 메모 파일도 한국어로 써 줘. - 확인용 임시 파일(시험본 HTML, 스크린숏, 스크립트)도 현재 폴더 안에 만들어 줘. /tmp 같은 바깥 폴더에는 쓰지 마.