Treck: 웹 연구를 포착하고 Claude를 사용하여 문서를 생성하는 Chrome 확장 프로그램

✍️ OpenClawRadar📅 게시일: June 20, 2026🔗 Source
Treck: 웹 연구를 포착하고 Claude를 사용하여 문서를 생성하는 Chrome 확장 프로그램
Ad

Treck은 '탭 50개를 열어 놓고 수동으로 정리하는' 문제를 해결하는 Chrome 확장 프로그램입니다. 텍스트, 이미지, 제품 페이지, YouTube 동영상, 전체 웹페이지를 지정된 프로젝트 스레드에 클립할 수 있습니다. 그러면 Claude가 모든 클립을 한 번에 처리하여 PDF 보고서, .docx 파일, 또는 공유 가능한 비교 페이지와 같은 완성된 결과물을 생성합니다.

작동 방식

  • 모든 것을 클립: 모든 탭에서 텍스트, 이미지, 제품 페이지, YouTube 동영상 또는 전체 HTML을 캡처합니다.
  • 스레드로 정리: 각각의 이름이 지정된 스레드는 하나의 프로젝트입니다. 모든 클립이 한곳에 저장됩니다.
  • 문서 생성: 형식별 시스템 프롬프트(보고서, 제안서, 요약, 이메일, 브리프)를 사용하여 Claude가 클립을 직렬화하고 마크다운을 반환한 후, 스타일이 적용된 PDF와 .docx로 렌더링합니다.
  • 비교 페이지 생성: 동일한 입력이지만, 출력은 비교 표, 장단점, 추천이 포함된 구조화된 HTML 페이지입니다. 이미지와 비디오 클립은 갤러리와 임베드로 변환됩니다.
  • 자체 키 사용: 사용자의 자체 Anthropic 키(DeepSeek이 대체)로 실행됩니다. 토큰 마크업 비즈니스는 없습니다.
Ad

주요 기술적 교훈: 클립 직렬화

개발자의 가장 유용한 발견: 클립을 컨텍스트에 직렬화하는 방법이 프롬프트 문구보다 더 중요합니다. 원시 HTML을 그대로 덤프하면 모호하고 얼버무리는 출력이 나왔습니다. 클립을 Claude에 전달하기 전에 각 클립을 source, title, captured text, note, type과 같은 레이블이 지정된 블록으로 사전 구조화하고, 클립에 있는 정보만 사용하도록 명시적으로 지시하는 것이 프롬프트 조정보다 품질 향상에 더 효과적이었습니다.

비교 페이지 프롬프트 예시:

You are comparing the products and sources in the following clips. Produce a structured comparison with a short intro, a markdown table of the key differences, clear pros and cons per option, and a single clear recommendation with reasoning. Use only the information in the clips. Output markdown only.

기술 스택

사이드 패널에는 React/TypeScript와 Zustand, 백엔드에는 Express와 Supabase를 사용합니다. 캡처 및 핵심 정리 기능은 무료이며, Claude 기반 생성은 유료 티어입니다.

라이브 예제

프롬프트 디자인이나 클립 컨텍스트 구조에 대한 자세한 내용은 Reddit 스레드에서 개발자가 활동 중입니다.

📖 전체 출처 읽기: r/ClaudeAI

Ad

👀 See Also

alogin: 인간-참여형 AI 에이전트를 위한 Go 기반 보안 게이트웨이
Tools

alogin: 인간-참여형 AI 에이전트를 위한 Go 기반 보안 게이트웨이

alogin은 Go 기반의 오픈소스 보안 게이트웨이로, AI 에이전트와 인프라 간의 안전한 통로를 제공합니다. Claude Desktop을 위한 내장 MCP 서버 지원, 인간 개입 안전 장치, 암호화된 자격 증명 저장소 등의 기능을 갖추고 있습니다.

OpenClawRadar
ReasonDB: 벡터 검색 대신 LLM 기반 트리 내비게이션을 사용하는 오픈소스 문서 데이터베이스
Tools

ReasonDB: 벡터 검색 대신 LLM 기반 트리 내비게이션을 사용하는 오픈소스 문서 데이터베이스

ReasonDB는 계층 구조로 문서 구조를 보존하고 검색을 위해 벡터 검색 대신 LLM 기반 트리 탐색을 사용하는 오픈소스 문서 데이터베이스입니다. 초기 검색에는 BM25를, 구조 필터링에는 tree-grep을, 그리고 LLM이 수백만 개의 노드 중 약 25개 노드를 방문하는 빔 서치 탐색을 사용합니다.

OpenClawRadar
리콜: 클로드 코드를 위한 로컬 프로젝트 메모리 — 요약에 토큰 소모 없음
Tools

리콜: 클로드 코드를 위한 로컬 프로젝트 메모리 — 요약에 토큰 소모 없음

Recall은 클래식 요약을 통해 Claude Code에 지속적인 로컬 세션 메모리를 제공합니다. API 키나 외부 모델이 필요 없으며, context.md는 세션 훅에서 오프라인으로 구축되어 약 1~2K 토큰입니다.

OpenClawRadar
Claude 사용량 모니터: Claude.ai 제한 사항 추적을 위한 무료 macOS 메뉴 바 앱
Tools

Claude 사용량 모니터: Claude.ai 제한 사항 추적을 위한 무료 macOS 메뉴 바 앱

한 개발자가 무료 macOS 메뉴 바 앱인 Claude Usage Monitor를 제작했습니다. 이 앱은 색상으로 구분된 아이콘, 실시간 카운터, 리셋 타이머로 Claude.ai 사용량을 표시합니다. API 키가 필요 없이 Claude.ai 세션에서 직접 데이터를 읽어옵니다.

OpenClawRadar