스킬

Huashu Design: 한 문장으로 납품 가능한 HTML 디자인 받기

어시스턴트에서 클릭 가능한 프로토타입이나 발표용 슬라이드를 만들고 싶은 사람에게 맞다. 공식 npx로 설치하고, 설치 디렉터리에 하위 디렉터리가 있으며 SKILL.md만 있지 않은지 먼저 확인해야 한다.

Official source · huashu-design

Install

npx skills add alchaincyf/huashu-design

누구에게 맞나

어시스턴트에서 한 문장으로 납품 가능한 디자인을 받고 싶은 사람에게 맞다. 공식 문구: 당신의 agent에 한 문장을 치면 납품할 수 있는 디자인을 받는다. 저장소 제목은 이를 HTML 네이티브 디자인 skill로 두고, 고정밀 프로토타입, 슬라이드, 애니메이션과 함께 스무 가지 디자인 철학, 5차원 점검, MP4 보내기를 다룬다고 적는다.

더 잘 맞는 사람은 이미 한 문장 요구(클릭 가능한 프로토타입을 만들거나, 발표할 수 있는 슬라이드 한 세트)가 있고, 이 기기에서 npx skills add를 실행할 수 있는 사람이다. 말로만 이야기하고 설치 디렉터리가 완전한지 확인할 생각이 없는 사람에게는 맞지 않는다.

시작 전에 공식 설치 명령을 실행할 수 있어야 한다. 공식은 agent를 가로질러 통용되며 여러 환경에 넣을 수 있다고 적는다. 그 목록을 배타적 범위로 읽지 말 것.

3분 만에 첫 시도 끝내기

npx 주 경로만 따른다. 처음에는 설치가 완전한지 확인한 뒤, 파일을 생성할지 결정한다.

전제 조건: 이 기기에 이미 npm/npx가 있다. 첫 시도에서는 MP4를 보내지 말고, 확인되지 않은 경로에 파일을 쓰지 말 것.

설치 위치: 워크스페이스에서 다음을 실행한다:

npx skills add alchaincyf/huashu-design

설치가 끝나면 원문대로 설치 디렉터리를 한 번 본다. 예: ~/.claude/skills/huashu-design/. SKILL.md만 있고 그 하위 디렉터리가 없다면 skills CLI가 너무 오래되었다(≤1.5.15에는 단일 파일만 동기화하는 결함이 있고, 1.5.19에서 고쳤다). 먼저 CLI를 올린 뒤 계속한다. 하위 디렉터리를 손으로 채우지 말 것.

공식 저장소:

https://github.com/alchaincyf/huashu-design

낮은 위험 트리거: 디렉터리가 완전해지면 먼저 영상을 보내는 대신, 한 문장으로 어시스턴트에게 인터랙티브 프로토타입 점검 준비를 시킨다. 원문의 인터랙티브 프로토타입 납품은 단일 파일 HTML, 실제 iPhone bezel, 클릭 가능, Playwright로 검증, 약 10–15분이다. 생성 전에 HTML이 어느 경로에 떨어지는지 확인하고, 생성 후에는 로컬에서 열어 Playwright 검증을 마친 뒤에야 납품물로 본다.

성공 신호: 설치 디렉터리에 SKILL.md만 있지 않고, 확인되지 않은 보내기 파일을 아직 쓰지 않았다.

사용 사례

사례 1: 클릭 가능한 App / Web 인터랙티브 프로토타입. 납품은 단일 파일 HTML, 실제 iPhone bezel, 클릭 가능, Playwright로 검증. 이미 한 화면 흐름이 있고 먼저 고정밀 프로토타입을 보고 싶은 사람에게 맞다. 출력 경로를 확인한 뒤 생성하고, 검증이 통과하기 전에 다른 사람에게 보내지 말 것.

사례 2: 발표 슬라이드. 원문: HTML deck(브라우저 발표)에 더해 편집 가능한 PPTX(텍스트 상자 유지), 약 15–25분. 이미 개요가 있고 발표도 하고 글자도 고칠 수 있는 것이 필요한 사람에게 맞다. PPTX는 파일을 쓰므로 생성 전에 저장 위치를 확인하고, 생성 후에는 로컬에서 열어 텍스트 상자를 대조한 뒤 배포한다.

사용 경계

타임라인 애니메이션은 MP4(25fps / 60fps 보간), GIF(palette 최적화), BGM을 보내며 약 8–12분이다. 파일이 더 크니 첫 시도로 쓰지 말 것.

설치 명령은 npx skills add alchaincyf/huashu-design뿐이다. 디렉터리가 불완전할 때 원문이 가리키는 것은 CLI 버전 문제뿐이다. 다른 설치기를 만들어 내지 말 것.

스무 가지 디자인 철학과 5차원 점검은 저장소 제목에만 나오고, 이 페이지가 인용한 본문에는 항목이 없다. 철학 이름이나 점검표를 보태 쓰지 말 것.

나타나지 않은 스킬 경로를 보태 쓰지 말고, “어디에나 넣을 수 있다”를 각 환경 단계가 이미 적혀 있다는 뜻으로 읽지 말 것.