터미널에서 대화만으로 완성된 디자인을 받아들이는 방법
에이전트 창에 '관찰 기록 앱 프로토타입을 만들어줘'라고 입력하면, 몇 분 뒤 클릭 가능한 화면과 편집 가능한 슬라이드가 나옵니다. 이 도구는 그래픽 편집기를 열지 않고도 결과물을 만드는 디자인 스킬입니다. 브랜드 자산을 주면 그 톤을 따르고, 아무것도 주지 않으면 84가지 스타일 중 세 가지 방향을 제안해 선택하게 합니다.
3.0 버전의 변화: 더 대담한 방향과 일관성 관리
최근 3.0 버전이 공개되며 디자인 방향 제안 방식이 바뀌었습니다. 이제 에이전트는 먼저 여섯 장의 썸네일을 생성한 뒤, 그중 세 가지를 실제 디자인으로 완성해 비교하게 합니다. 스타일 라이브러리도 84종으로 확장되어 앱과 아시아권 디자인이 추가되었습니다. 또한 '외관 장부'라는 기능이 도입되어, 이전에 만든 디자인의 색상과 레이아웃을 기억하고 새 프로젝트에서 비슷한 느낌을 반복하지 않도록 돕습니다. 디자인 체킹 기능은 이미지 깨짐이나 가독성 문제를 자동으로 점검합니다.
말 한마디로 만들어내는 결과물
이 도구는 텍스트 프롬프트를 받아 다양한 형태의 디자인 산출물을 생성합니다. 웹페이지나 앱 프로토타입은 단일 HTML 파일로 제공되며, 실제 iPhone 프레임 안에 배치되어 클릭 테스트까지 가능합니다. 발표 자료는 브라우저에서 바로 재생할 수 있는 HTML 덱과, 텍스트 박스가 살아있는 편집 가능한 PPTX 파일로 나옵니다. 애니메이션은 MP4와 GIF 형식으로 내보낼 수 있으며, 배경음악까지 포함됩니다. 모든 과정은 에이전트와의 대화만으로 진행되며, 별도의 버튼이나 패널 조작이 필요 없습니다.
브랜드 자산을 읽는 5단계 프로토콜
특정 브랜드의 디자인을 만들 때 이 도구는 5단계의 강제 프로토콜을 따릅니다. 먼저 사용자가 가진 가이드라인을 묻고, 없으면 공식 브랜드 페이지에서 색상을 검색합니다. SVG 파일이나 웹사이트 HTML, 제품 스크린샷에서 색값을 추출해 빈도순으로 정리합니다. 이렇게 추출한 값은 CSS 변수로 고정되어 모든 디자인에 일관되게 적용됩니다. 이 과정을 통해 AI가 기억에 의존해 브랜드 색을 잘못 사용하는 문제를 방지합니다. 내부 테스트 결과 이 프로토콜을 적용한 버전의 안정성이 이전보다 크게 향상된 것으로 확인되었습니다.
설치와 사용 환경
이 스킬은 npx skills add alchaincyf/huashu-design 명령어로 설치합니다. Claude Code, Cursor, Codex 등 스킬을 지원하는 에이전트에서 바로 사용할 수 있습니다. 일부 구버전의 CLI는 파일 동기화 버그가 있어 최신 버전으로 업데이트 후 재설치할 수 있습니다. 핵심 렌더링과 내보내기 과정은 로컬에서 100% 수행되며, 클라우드 기능은 선택 사항입니다. 모든 데이터는 로컬의 ~/.huashu-design/ 폴더에 저장되며 외부로 전송되지 않습니다.
적용 전 확인해야 할 한계
이 도구는 그래픽 편집기 수준의 정밀한 편집을 지원하지 않습니다. PPTX 파일은 텍스트 편집은 가능하지만, 이미지 레이어를 개별적으로 수정하거나 Figma로 가져와서 세부 조정을 하는 것은 어렵습니다. 3D 효과나 물리 시뮬레이션, 파티클 시스템 등 복잡한 애니메이션은 구현 범위에 포함되지 않습니다. 브랜드 자산이 전혀 없는 상태에서 처음부터 디자인을 만들 경우, 완성도가 다소 떨어질 수 있습니다. MIT 라이선스로 완전히 오픈소스화되어 개인 및 상업적 사용이 모두 무료입니다. 그래픽 인터페이스를 피하고 터미널에서 작업하기를 선호하는 개발자나 디자이너에게 적합합니다.
