테스트릴: 클로드 코드를 활용한 프로그래매틱 데모 비디오 생성
Testreel의 기능
Testreel은 JSON, YAML 또는 Playwright 형식으로 사용자 상호작용(클릭, 입력, 스크롤, 확대/축소 등)을 설명한 다음 시각 효과가 포함된 세련된 데모 비디오를 생성하는 npm 패키지입니다.
주요 기능
- 상호작용 설명에서 webm, mp4 또는 gif 비디오 생성
- 커서 오버레이, 클릭 리플, 그라데이션 배경 추가
- 상호작용 정의에 JSON, YAML 또는 Playwright 사용
- 모의 데이터와 샘플 데이터를 사용한 비디오 생성을 위해 Playwright와 통합
- MIT 라이선스
- Playwright + FFMPEG 기반 구축
주요 사용 사례
소스는 두 가지 주요 가치 제안을 확인합니다:
- 오타나 잘못된 클릭으로 인해 데모를 수동으로 다시 녹화할 필요 없음 - 설정을 업데이트하고 재생성하기만 하면 됨
- LLM 에이전트(예: Claude Code)가 커서 오버레이와 맞춤형 데스크톱 배경이 포함된 웹 앱용 데모 비디오를 생성할 수 있도록 함
실제 구현
소스에 따르면, 사용자는 Claude Code에게 Testreel을 사용하여 특정 UI 흐름의 데모 비디오를 생성하도록 요청할 수 있습니다(예: "현실적인 데이터 사용", "이 이미지 사용"). 작성자는 이를 비교적 간단하게 구현할 수 있었다고 밝혔습니다.
이 도구는 ScreenStudio 또는 Cap의 프로그래밍 방식 버전으로 포지셔닝되어, Playwright가 종단 간 테스트를 처리하는 방식과 유사하게 자동화된 데모 생성을 가능하게 합니다.
저장소 정보
패키지는 다음에서 이용 가능합니다: https://github.com/greentfrapp/testreel
작성자는 Claude Code로 이를 생성했으며 자신의 사용 경험을 바탕으로 계속 업데이트할 것이라고 언급했습니다.
📖 전체 소스 읽기: r/ClaudeAI
👀 See Also
클로드 코드 아키텍처를 로컬 9B 모델에 적용: 주요 발견과 최적화
한 개발자가 Claude Code의 유출된 소스 코드에서 아키텍처 패턴을 추출하여 RTX 5070 Ti에서 로컬로 실행 중인 qwen3.5:9b에 10가지 최적화를 적용했습니다. 핵심 발견은 qwen3.5:9b가 기본적으로 구조화된 tool_calls를 지원하며, 9B 모델의 가장 큰 한계는 탐색을 멈추고 출력을 시작할 시점을 아는 자기 절제력이라는 점이었습니다.
그래프 컴포즈: 시각적 빌더와 AI가 지원되는 호스팅형 시간 기반 워크플로우
Graph Compose는 Temporal에서 API 워크플로우를 오케스트레이션하는 호스팅 플랫폼으로, React Flow 시각적 빌더, TypeScript SDK, 일반 영어를 그래프로 변환하는 AI 어시스턴트라는 세 가지 빌드 방법을 통해 워크플로우를 JSON 그래프로 정의할 수 있습니다.
Vibe Remote: 어디서나 Claude 코드에 접근할 수 있는 모바일 브리지
Vibe Remote는 휴대폰에서 Claude Code 개발 환경에 원격으로 접근할 수 있는 모바일 앱으로, 사용자가 Tailscale이나 복잡한 VPN 설정 없이도 로컬 설정, Git 기록, 파일 트리를 유지할 수 있게 해줍니다.
AI 에이전트를 위한 복잡한 검색 파이프라인을 간단한 git 명령어로 대체하기
한 개발자가 3GB 도커 이미지를 sentence-transformers, rank-bm25, scikit-learn에서 AI 에이전트가 메모리 저장소에서 git log, grep, git diff 같은 읽기 전용 셸 명령을 직접 실행할 수 있는 단일 도구로 교체했습니다.