Huashu Design 리뷰: 한 마디 넣으면 납품 가능한 디자인이 나옵니다

에이전트와 하는 디자인 작업은 대개 타협으로 끝납니다. 프로토타입을 부탁하면 회색 와이어프레임이 돌아오고, 슬라이드를 부탁하면 범용 덱이 돌아오며, 애니메이션을 부탁하면 할 수 없다고 합니다. 에이전트는 코드를 쓸 수 있지만 취향도, 스타일 라이브러리도, 자기 작업을 확인할 수단도 없습니다.

Huashu Design은 바로 그 간극을 메우기 위해 만들어졌습니다. Claude Code와 Codex, Cursor 등 에이전트용 HTML 네이티브 디자인 스킬로, GitHub 스타는 2만 9천 개에 가깝고 skills.sh 설치 수는 약 4만 7천 회입니다. 한 마디 넣으면 납품 가능한 디자인이 돌아옵니다. 디바이스 프레임 안의 클릭 가능한 앱 프로토타입, 편집 가능한 PPTX로 내보낼 수 있는 1920x1080 HTML 슬라이드 덱, 배경 음악과 함께 MP4나 GIF로 내보낼 수 있는 타임라인 애니메이션, 인포그래픽입니다.

Huashu Design란?

Huashu Design은 HTML을 웹 앱을 전달하는 수단이 아니라 디자인 매체로 다룹니다. 스킬 파일은 약 580줄에 참고 파일 33개, 샘플 이미지가 있는 84가지 스타일, 여섯 개 후보에서 세 방향으로 좁히는 워크플로, 점수가 매겨진 디자인 진단을 갖추고 있습니다. 외관 취향을 기록하는 장부도 있어 쓸수록 당신의 취향에 맞게 됩니다.

출력은 항상 열 수 있는 진짜 파일입니다. 브라우저에서 볼 수 있는 HTML, 진짜 편집 가능한 텍스트 상자가 있는 PPTX, 공유할 수 있는 MP4나 GIF, PDF. 아무것도 채팅 창 안에 갇히지 않습니다.

핵심 기능

1. 디바이스 프레임 안의 클릭 가능한 앱 프로토타입

앱을 설명하면 휴대폰이나 데스크톱 프레임 안에서 HTML로 렌더링된 인터랙티브 프로토타입이 돌아옵니다. 와이어프레임이 아니라 제품처럼 보이고, 개발 시작 전에 흐름을 클릭해 확인할 수 있습니다.

2. 편집 가능한 PPTX로 내보낼 수 있는 슬라이드 덱

1920x1080 HTML 덱은 납작한 이미지가 아니라 진짜 텍스트 상자가 있는 PowerPoint로 내보낼 수 있습니다. 변환기는 계산된 스타일을 읽어 진짜 PPTX 객체에 대응시키므로 덱은 PowerPoint와 Keynote에서 편집 가능한 상태로 남습니다.

3. MP4와 GIF로 내보낼 수 있는 타임라인 애니메이션

애니메이션은 타임라인으로 만들고 Playwright와 ffmpeg을 통해 배경 음악이 있는 MP4나 GIF로 내보냅니다. 짧은 제품 티저나 소셜 클립은 설명이 아니라 완성된 영상 파일로 나옵니다.

4. 샘플이 있는 스타일 라이브러리: 84가지 스타일

하나의 모습으로 기본 설정되는 대신 샘플 이미지가 있는 84가지 스타일에서 고르고, 여섯 개 후보를 보여준 뒤 세 방향으로 좁힙니다. 제품 페이지와 문서, 글쓰기 앱, 내비게이션 등을 다루므로 결과는 우연이 아니라 선택입니다.

5. 점수 진단과 학습하는 장부

모든 디자인은 다섯 가지 차원의 점수 진단을 받고, 스킬은 마음에 든 것을 외관 장부에 기록합니다. 오래 쓸수록 당신의 취향을 배우고 이미 거절한 방향은 제안하지 않게 됩니다.

사용 방법

skills CLI로 설치합니다. 아래 명령은 GitHub에서 스킬 전체를 가져옵니다.

npx skills add alchaincyf/huashu-design

그 뒤 평소 말로 부탁하세요. 디자인을 만들어줘, 프레젠테이션을 만들어줘, 애니메이션을 만들어 MP4로 내보내줘, 디자인 진단을 해줘, 인포그래픽을 만들어줘. 에이전트는 스타일 라이브러리에서 방향을 고르고 HTML을 만들며 렌더링해 검토하고 부탁한 형식으로 내보냅니다. 프로토타입과 슬라이드, 애니메이션, MP4나 GIF 내보내기, 리뷰, 인포그래픽 요청에 발동합니다.

누구에게 좋을까?

디자이너를 고용하지 않고 랜딩 페이지나 피치 덱이 필요한 창업자, 스프린트 전에 클릭 가능한 프로토타입을 원하는 프로덕트 매니저, 소셜 클립이나 인포그래픽이 필요한 마케터, 회색 와이어프레임을 받고 제품처럼 보였으면 하고 바란 적이 있는 모든 사람. 프롬프트는 주로 중국어로 쓰여 있어 중국어 팀에 특히 좋지만, 출력되는 디자인 자체는 언어와 무관합니다.

가격

Huashu Design은 무료이며 MIT 라이선스입니다. 유료 요금제는 없습니다. 내보내기는 Playwright와 ffmpeg 같은 로컬 도구로 돌아가므로 비용을 낼 호스팅 서비스가 없지만, 영상 생성에는 로컬 연산 시간이 듭니다.

장점과 단점

장점: 설명이 아니라 진짜 결과물입니다. 프로토타입과 편집 가능한 덱, 영상, 인포그래픽. 샘플이 있는 스타일 라이브러리 덕분에 하나의 기본 모습이 되는 문제를 막습니다. 점수 진단이 있어 결과를 판단할 수단이 있습니다. MIT 라이선스이며 스타는 2만 9천 개에 가깝습니다.

단점: 스킬 프롬프트가 주로 중국어라 중국어를 모르는 사람은 지침 텍스트에서 얻는 것이 적습니다. 단독 저자가 유지하므로 지원은 한 사람에 달려 있습니다. 영상 내보내기에는 Playwright와 ffmpeg 설치가 필요하고 실제 렌더링 시간이 듭니다. 저장소가 200MB가 넘어 첫 설치가 무겁습니다.

최종 평가

Huashu Design은 이번 묶음에서 시각적으로 가장 야심 찬 스킬입니다. 에이전트에게 디자인 조언을 할 뿐 아니라 스타일 라이브러리와 진단 기준, 작업을 납품 가능한 파일로 바꾸는 내보내기 도구를 줍니다. 디자인 조언이 아니라 디자인 자체가 필요하다면 설치하세요. GitHub에서 시도해 보세요: alchaincyf/huashu-design.