비디오, 스크립트(transcript), 그리고 브라우저 디버그 정보(debug info)를 자동으로 캡처하여 에이전트(agents)에게 버그 리포트를 보내는 가장 쉬운 방법인 Clips Chrome 확장 프로그램을 소개합니다.

100% 무료이며 오픈 소스(open source)입니다.

만약 당신이 저처럼 에이전트에게 지침을 수동으로 입력하고, 스크린샷을 첨부하고, 디버그 로그(debug logs)를 붙여넣는 등의 작업에 지쳤다면, 이것이 당신이 가장 좋아하는 새로운 도구가 될 수도 있습니다.

Clips Chrome 확장 프로그램을 사용하면, Clips 아이콘을 클릭하고, 녹화(record)를 누른 뒤, 바로 말을 시작하기만 하면 됩니다.

문제를 시각적으로 보여주고, 흐름(flow)을 따라가며, 무엇이 잘못되었는지 지적하세요.

Clips는 화면의 모든 것뿐만 아니라 네트워크 요청(network requests), 브라우저 로그(browser logs), 클라이언트 오류(client errors) 및 그와 관련된 모든 세부 정보를 캡처합니다. 그리고 민감한 정보는 비식별 처리(redacts)합니다.

그런 다음 사람들에게 보내서 재생하고 살펴볼 수 있는 링크를 제공합니다. 또는 더 중요한 것은, 에이전트에게는 단순히 URL을 붙여넣어 전달할 수 있다는 점입니다.

이 링크에는 에이전트를 위한 특별한 메타데이터(metadata)가 포함되어 있어, 에이전트는 URL만으로 클립(clip)의 모든 정보를 자동으로 가져올 수 있습니다. 별도의 플러그인(plugin)이나 MCP 서버(MCP server)가 필요하지 않습니다.

이는 에이전트가 비디오에 있는 내용을 "보고 들을" 수 있음을 의미합니다. 즉, 스크립트(transcript)를 읽고, 임의의 타임스탬프(timestamp)에서 스냅샷(snapshots)을 가져오며, 공유된 로그와 네트워크 요청을 검사할 수 있습니다.

따라서 문제를 빠르게 데모(demo)하고 그 모든 컨텍스트(context)를 에이전트에게 보내고 싶든, 팀원들로부터 더 나은 버그 리포트를 받고 싶든, Clips를 녹화하고 전송하는 것은 매우 쉽습니다.

Loom과 같은 비싼 앱들과 달리, 이것은 모두 100% 무료이며 오픈 소스입니다.

이를 구동하는 프레임워크(framework)와 기타 여러 무료 애플리케이션들도 오픈 소스입니다. 그냥 가입해서 사용할 수도 있고, 포크(fork)하여 필요에 맞게 커스터마이징(customize)할 수도 있습니다.

제 생각에 이것이 소프트웨어의 미래입니다.

엄청난 돈을 청구하면서도 정작 필요한 기능은 갖추지 못한 비대한 SaaS(Software as a Service) 대신, 우리는 원하는 대로 포크하고 커스터마이징할 수 있는 무료 오픈 소스 캐노니컬 앱(canonical apps)을 갖게 됩니다.

답글에 이 모든 것들에 대한 링크를 남기겠습니다.

한번 사용해 보시고 피드백을 알려주세요.