"문장 한 줄을 입력하면, 납품 가능한 디자인이 돌아온다." 슬라이드·앱 프로토타입·제품 출시 영상·인포그래픽을 3~30분 만에 만들어 주는 디자인 스킬입니다. 60가지 HTML 기본 스타일을 갖추고 있어 결과물이 안정적으로 예쁩니다.
움직이는 결과물 — 영상으로 먼저 보기
▲ 모션 디자인 데모입니다(소리 없음, 약 10초). 원본 화면의 제목을 「시간축 = 코드」로 옮긴 뒤 다시 녹화했습니다. 원본은 공식 저장소 demos/ 폴더에 있습니다(MIT).
공식 예시를 직접 만져보기
▲ 공식 예시(MIT)의 화면 글을 한국어로 옮겼습니다. 프로젝트 이름 huashu-design 은 그대로입니다. 스킬이 한 문장 지시로 만들어 낸 결과물의 예시입니다.
뭘 만들어 주나요
학교에서의 활용 상상
- 개학·수업 소개 영상 — "이번 학기 과학 수습 소개 영상" 한 줄로 초안을 만들고, 교사가 다듬기.
- 수업 지도안 시각화 — 단원 요약을 인포그래픽 한 장으로. 인쇄물 품질로 나옵니다.
- 학생 활동 프로토타입 — 진로 수업에서 "우리 반 앱을 만든다면" 체험용 화면으로.
demos/*-en.html, README.en.md)도 있습니다.
결과물 품질을 높이려면 학교 로고·색표를 먼저 주는 것이 효과적입니다. AI 에이전트가 필요한 교사 제작 도구이며, 좋은 결과물을 얻으려면 지시문을 몇 번 다듬어야 합니다.