Product Hunt

Specreel — Product demos that update themselves

Specreel — 자동으로 업데이트되는 제품 데모

Specreel은 앱 URL을 실제 브라우저에서 탐색해 주요 흐름을 설명이 담긴 데모로 만들고, Playwright 테스트 기록으로 데모를 갱신하는 도구입니다. 오픈소스 CLI와 호스팅 Cloud를 제공하며, GitHub Action으로 통과한 빌드마다 데모를 다시 게시할 수 있습니다.

에디터 노트

테스트 기록으로 데모를 자동 갱신하면 화면 변경 뒤 데모가 낡는 문제를 줄이고, 통과한 빌드와 데모의 연결도 분명해집니다. 이 방식이 보장하는 범위는 기록한 흐름과 검증 조건이며, 제품 전체가 정상이라는 뜻은 아닙니다. 댓글에서 제기된 공개 전 검토와 개인정보 가림은 실제 게시 흐름의 제약으로 확인됩니다. 비공개 프로젝트와 검토 링크는 있지만 공개 갤러리의 갱신을 보류할 수 없고, 화면 데이터도 사후에 가릴 수 없습니다. 따라서 현재 설명만으로는 민감한 실제 데이터가 섞인 데모의 게시 절차까지 해결한다고 보기 어렵습니다.

AI 요약

Specreel은 앱 URL을 입력하면 실제 브라우저에서 앱을 탐색하고, 주요 사용자 흐름을 골라 설명이 담긴 공유용 데모로 만듭니다. Playwright를 이미 쓰는 팀은 테스트 추적 파일을 오픈소스 CLI에 전달해 데모를 생성할 수 있습니다. GitHub Action을 연결하면 빌드가 통과할 때마다 데모를 다시 게시합니다. 개발자는 기존 테스트를 바꾸지 않아도 됩니다.

기록, 데모, 테스트를 한 흐름으로

Specreel은 브라우저 흐름 기록을 데모와 테스트의 공통 결과물로 다룹니다. 기록을 재생하면 데모가 되고, 공유하면 다른 사람이 볼 수 있으며, 검증 조건을 적용하면 테스트로 쓸 수 있다는 구상입니다. 캡션은 사용자의 동작과 검증 결과를 바탕으로 만들며 AI 없이도 표시됩니다. AI 음성과 내레이션은 선택 사항이고, 자체 API 키를 사용합니다. 비밀번호와 일회용 코드 입력은 자동으로 가립니다.

호스팅과 갱신 방식

제작자 설명에 따르면 Specreel Cloud는 Google Cloud Run에서 단일 서비스로 실행됩니다. 웹 앱과 대시보드, CLI와 GitHub Action이 데모를 올리는 API, 공유 링크가 가리키는 데모 갤러리, 호스팅 실행 환경이 한 컨테이너에 들어갑니다. 컨테이너에 Chromium을 포함해 URL을 입력하면 Cloud Run이 헤드리스 브라우저로 앱을 열고 흐름을 기록합니다. 백그라운드 기록 작업을 위해 CPU를 상시 할당하고 최소 한 개의 인스턴스를 유지합니다. Cloud Scheduler는 10분마다 예약된 재검사를 실행합니다. 데이터는 Postgres와 객체 저장소에 둡니다.

공개와 검토 조건

프로젝트를 비공개로 설정할 수 있고, 검토 링크로 계정이 없는 사람도 데모를 보고 의견을 남기거나 승인할 수 있습니다. 하지만 공개 갤러리는 새 빌드가 게시되면 즉시 최신 버전을 보여줍니다. 공개 프로젝트에서 갱신본을 검토 전까지 보류하는 기능은 아직 없습니다. 화면은 기록된 그대로 저장되므로 고객 이름이나 주문 정보 등을 나중에 지울 수도 없습니다. 제작자는 운영 데이터 대신 테스트 계정이나 시드 데이터를 사용하라고 답했습니다.

Product Hunt 반응

  • @emma_lagast — 다시 녹화하기 싫은 사람에게 딱이네요. 재생 속도나 커서가 머무는 위치를 조절할 수 있나요? 내레이션은 실제 음성인가요, 캡션인가요?
    • @dylankroy — 재생 시간은 실제 브라우저 실행 시간을 따르고 캡션을 읽을 시간을 조금 더합니다. 내레이션을 켜면 문장이 끝난 뒤 다음 단계로 넘어갑니다. 커서와 클릭 위치는 실제 동작을 따릅니다. 특정 지점에서 3초 멈추는 기능은 아직 없지만 추가 목록에 넣었습니다. 캡션은 항상 보이고 브라우저 음성으로 읽을 수 있습니다. 더 자연스러운 음성은 오픈소스 CLI에서 본인 OpenAI 키로 생성해 MP4에 넣을 수 있습니다.
  • @richard_hemmings — 전자상거래 데모를 게시하기 전에 고객 이름, 이메일, 주문 정보를 가릴 수 있나요? 갱신본을 검토할 때까지 비공개로 둘 수 있나요?
    • @dylankroy — 프로젝트를 비공개로 두고 검토 링크를 공유할 수 있습니다. 다만 공개 프로젝트는 게시 즉시 현재 빌드를 보여주므로 검토가 끝날 때까지 갱신을 보류하는 기능은 아직 없습니다. 프레임은 그대로 기록하므로 이름이나 주문 정보를 사후에 가릴 수 없습니다. 비밀번호와 일회용 코드 입력만 자동으로 가립니다.
  • @suki_buildz — 통과한 빌드에 데모를 연결하는 방식이 맞습니다. 오래된 데모는 없는 것보다 더 나쁩니다.

원문: Product Hunt / 번역·요약: Trawling

원문 보기 ↗토론 보기 ↗