Huashu Design
한 문장으로 원형과 슬라이드, 애니메이션을 뽑는 디자인 스킬
npx skills add alchaincyf/huashu-design에이전트에게 한 문장을 말하면 전달 가능한 디자인 산출물을 돌려주는 스킬입니다. 클릭되는 앱 원형과 편집 가능한 발표 자료, 인쇄 수준 정보 그래픽, 제품 소개 애니메이션까지 3분에서 30분 사이에 뽑는 것을 목표로 합니다. 브랜드 자산을 주면 그 결을 읽고, 아무것도 주지 않으면 세 갈래 방향 제안과 60가지 HTML 기반 스타일 라이브러리로 뻔한 결과를 피합니다. 다섯 개 축으로 기존 디자인을 평가하고 고칠 목록을 내는 기능도 있습니다. 결과물이 전부 브라우저에서 열리는 HTML 이고 영상은 MP4 와 GIF 로 내보냅니다.
판단
이럴 때 씁니다
- 원형과 발표 자료, 애니메이션을 빠르게 뽑아야 할 때
- 디자인 방향을 말로 정하기 어려워 시안을 보고 고르고 싶을 때
- 만든 디자인을 기준을 갖춰 평가받고 싶을 때
이럴 땐 쓰지 마세요
- 회사 디자인 시스템 안에서 작업해야 하면 자유도가 방해가 됩니다
- 설치 도구 판이 낮으면 파일이 일부만 깔립니다
- 실제 디자인 도구 파일이 필요하면 맞지 않습니다
차별점
- 방향이 모호할 때 세 갈래 논리를 동시에 돌려 실제 시안 세 개를 냅니다.
- 60가지 HTML 기반 스타일 라이브러리로 이미지 생성 없이 결과를 만듭니다.
- 발표 자료를 브라우저용과 편집 가능한 파일 두 형태로 냅니다.
- 다섯 축 평가로 고칠 목록을 함께 제시합니다.
워크플로
- 01스킬을 설치하고 하위 폴더가 함께 왔는지 확인합니다.
- 02브랜드 자산이 있으면 넘깁니다.
- 03만들 것을 한 문장으로 말합니다.
- 04제안된 방향 중에서 고릅니다.
- 05필요하면 다섯 축 평가로 고칠 목록을 받습니다.
주요 명령
| 명령 | 설명 |
|---|---|
npx skills add alchaincyf/huashu-design | 스킬을 설치합니다. |
npm i -g skills@latest | 설치 도구가 낡으면 파일이 하나만 깔립니다. 먼저 올려야 합니다. |
git clone https://github.com/alchaincyf/huashu-design.git ~/.claude/skills/huashu-design | 설치가 계속 어긋나면 직접 복제합니다. |
함정
설치 전에 확인하세요
- 설치 도구의 낮은 판에 파일 하나만 동기화하는 문제가 있었습니다. 설치 뒤 하위 폴더 네 개가 함께 왔는지 확인해야 합니다.
- 참조되는 조리법과 스크립트, 소재가 99곳입니다. 하나라도 빠지면 기능이 동작하지 않습니다.
- 라이선스가 2026-05-14 부터 완전 개방으로 바뀌었습니다. 그 이전 조건을 설명한 자료가 남아 있습니다.
- 저장소 본문이 중국어입니다. 영어 문서가 함께 있지만 최신 내용은 중국어 쪽이 먼저인 경우가 있습니다.
비교
디자인 스킬은 대체로 만드는 데까지입니다. 이쪽은 방향을 고르는 앞 단계와 평가하는 뒤 단계를 함께 넣어 왕복을 만듭니다. 결과가 전부 브라우저에서 열리는 형식이라 확인이 빠른 대신 기존 디자인 파일 형식과는 거리가 있습니다.
최근 변경
저장소 용량이 커지지 않도록 큰 자료를 분리했고 시연 자료를 중국어와 영어 두 판으로 다시 만들었습니다. 통일된 시각 규칙과 글자 수 제한을 적용했습니다.