alchaincyf/huashu-design

어떤 프로젝트인가요?

핵심 기능

• 01iPhone 15 Pro 프레임과 클릭 가능한 다중 화면 흐름을 포함한 단일 파일 HTML 프로토타입을 생성합니다.
• 02슬라이드 덱을 발표용 HTML과 실제 텍스트 상자가 포함된 편집 가능한 PPTX로 내보냅니다.
• 03타임라인 애니메이션을 MP4 및 GIF로 렌더링하며, 선택적으로 60fps 보간과 배경 음악을 적용할 수 있습니다.
• 04썸네일과 84가지 스타일 레퍼런스 라이브러리를 활용해 디자인 방향을 탐색할 수 있습니다.
• 05레이더 차트와 실행 가능한 수정 목록을 포함한 5개 항목 디자인 리뷰를 수행합니다.

활용 사례

• 스타일 몇 가지를 검토한 뒤 방향을 정해 콘퍼런스 슬라이드 덱을 초안으로 작성합니다.
• 한 줄짜리 설명으로 클릭 가능한 모바일 앱 프로토타입을 만듭니다.
• 제품 출시용 짧은 애니메이션을 제작해 MP4 또는 GIF로 내보냅니다.
• 인계 전에 기존 디자인을 구조화된 방식으로 검토합니다.

빠른 시작

1. 1

   skills CLI로 스킬을 설치하세요

   npx skills add alchaincyf/huashu-design
2. 2

   에이전트(Claude Code, Codex, Cursor 등)를 열고 원하는 디자인을 일상적인 언어로 설명하세요

사용 전 알아둘 점

• !레이어 편집이 가능한 PPTX를 Figma로 내보낼 수 없습니다. 출력 형식은 HTML, 스크린샷, 동영상 또는 텍스트 편집이 가능한 PPTX입니다.
• !복잡한 3D, 물리 효과 또는 파티클 애니메이션은 스킬의 범위를 벗어납니다.
• !브랜드의 기본 자료 없이 처음부터 만든 디자인은 제작자 기준으로 품질 점수가 약 60~65점입니다. 따라서 브랜드 에셋을 제공하는 것이 좋습니다.

토픽

자주 묻는 질문

huashu-design은(는) 무엇인가요?

텍스트 프롬프트를 프로토타입, 슬라이드 덱, 애니메이션, 인포그래픽으로 만드는 AI 코딩 에이전트용 HTML 네이티브 디자인 스킬입니다. Huashu Design은 Claude Code, Codex, Cursor 등의 도구에 설치하는 에이전트 스킬입니다. 에이전트가 HTML 파일로 디자인 결과물을 만들기 때문에, 프롬프트만으로 클릭 가능한 iPhone 스타일 앱 프로토타입, 편집 가능한 PPTX로 내보낼 수 있는 프레젠테이션 덱, MP4 또는 GIF로 내보내는 타임라인 애니메이션, 인쇄 품질의 인포그래픽을 생성할 수 있습니다.

huashu-design은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?

huashu-design은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.

huashu-design은(는) 아직 유지보수되고 있나요?

활발히 유지보수 중. huashu-design의 마지막 커밋은 2026년 10월 17일입니다.

huashu-design은(는) 어디에 사용할 수 있나요?

스타일 몇 가지를 검토한 뒤 방향을 정해 콘퍼런스 슬라이드 덱을 초안으로 작성합니다. 한 줄짜리 설명으로 클릭 가능한 모바일 앱 프로토타입을 만듭니다. 제품 출시용 짧은 애니메이션을 제작해 MP4 또는 GIF로 내보냅니다. 인계 전에 기존 디자인을 구조화된 방식으로 검토합니다.

huashu-design는 어떻게 설치하나요?

skills CLI로 스킬을 설치하세요: npx skills add alchaincyf/huashu-design 에이전트(Claude Code, Codex, Cursor 등)를 열고 원하는 디자인을 일상적인 언어로 설명하세요

huashu-design은(는) 어디서 받을 수 있나요?

소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/alchaincyf/huashu-design