CLI 데모 GIF 생성기

무엇을 해주나

• 실행할 명령어 목록만 주면 VHS 테이프 파일을 자동 생성하고 녹화해 애니메이션 GIF로 출력합니다.
• 테마·폰트 크기·해상도·타이틀을 옵션으로 조절하고, install/build 같은 무거운 명령은 자동으로 대기 시간을 늘려줍니다.
• Hide/Show를 이용한 셀프 부트스트랩 데모(이전 상태 정리·환경 준비를 화면에 노출하지 않음)를 지원합니다.
• 지저분한 진행 로그를 정규식으로 필터링하고, VHS 파서가 $·백틱·큰따옴표를 처리하지 못하는 문제를 base64 인코딩 우회법으로 해결합니다.
• gifsicle로 재녹화 없이 배속 처리, ffmpeg로 특정 프레임을 뽑아 결과물 검증까지 가능합니다.
• YAML 설정 하나로 여러 데모를 일괄 생성하는 배치 모드와 asciinema 기반 실시간 녹화 모드도 제공합니다.

이런 분께 추천

• 오픈소스 CLI 도구의 README에 움직이는 데모를 넣고 싶은 메인테이너
• 매 릴리스마다 같은 데모를 다시 찍어야 하는 개발자(재현 가능한 테이프 파일이 큰 도움)
• 사내 도구 사용법을 문서·발표 자료로 시각화해야 하는 DevRel/기술 문서 작성자
• 스크린 레코더로 찍은 영상의 화질·용량·오타 재촬영에 지친 분

활용 예시

1. 패키지 설치 데모: -c "npm install my-package" -c "npm run build" -o demo.gif 한 줄로 README용 GIF 완성.
2. 매번 깨끗한 상태에서 녹화: --bootstrap "npm uninstall my-package 2>/dev/null" --speed 2로 이전 설치 흔적을 숨긴 채 2배속 데모 생성.
3. 여러 기능 GIF 일괄 생성: demos.yaml에 설치·사용법·고급 옵션 데모를 정의하고 batch_generate.py로 ./gifs 폴더에 한 번에 출력.

클로드스킬마트에서 찾은 스킬을 설치해줘.
GitHub 저장소 daymade/claude-code-skills 의 cli-demo-generator 폴더를 내 ~/.claude/skills/cli-demo-generator/ 에 그대로 복사해줘.
설치가 끝나면 이 스킬로 무엇을 할 수 있는지 한 줄로 알려줘.