Claude Code로 웹앱 데모 영상을 자동 제작하는 Ultrademo
Ultrademo는 Claude Code에서 쓰는 스킬로, 웹앱 데모 영상을 자동으로 만든다. 웹앱 화면 안내, 새 기능 소개, 특정 사용 사례 설명 같은 데모 영상을 매번 손으로 만들면 여러 번 다시 찍어야 해서 시간이 많이 든다는 문제에서 출발했다. 설치는 `npx add new-xp/ultrademo`로 하며, 첫 실행 때 작업 공간을 만들고 , 같은 필요한 도구를 설치한다.
사용자는 Claude에게 데모 영상을 만들어 달라고 요청하고, 예를 들어 “온보딩 흐름을 2분짜리로 보여줘” 같은 짧은 설명과 앱 주소를 넣는다. 앱이 로컬에 있으면 저장소를 지정할 수도 있다. 로그인이 필요한 앱은 에 로그인 정보를 넣어야 한다.
Claude는 앱을 살펴본 뒤 장면별 대본을 만들고, 사용자는 그 대본을 고친 뒤 다음 단계로 진행할 수 있다. 이 도구는 무료이며 으로 공개됐고, 작업은 사용자 컴퓨터에서 실행된다.
핵심 포인트
- Ultrademo는 Claude Code에서 실행되는 웹앱 데모 영상 자동화 스킬이다.
- 설치 명령은 `npx add new-xp/ultrademo`이다.
- 첫 실행 때 , 등 필요한 도구를 설치한다.
- 앱 주소나 , 짧은 영상 설명을 넣으면 Claude가 장면별 대본을 만든다.
- 로그인이 필요한 앱은 에 로그인 정보를 넣어야 한다.