Treck: Uma Extensão para Chrome que Captura Pesquisas na Web e Usa Claude para Gerar Documentos

Treck é uma extensão Chrome que resolve o problema de '50 abas abertas e depois escrever manualmente'. Você captura texto, imagens, páginas de produtos, vídeos do YouTube e páginas web completas em threads de projetos nomeados. O Claude então processa todos os clipes de uma só vez para produzir um artefato final — relatório em PDF, .docx ou uma página de comparação compartilhável.

Como Funciona

• Capture qualquer coisa: De qualquer aba, capture texto, imagens, páginas de produtos, vídeos do YouTube ou HTML completo.
• Organize em threads: Cada thread nomeada é um projeto. Todos os clipes ficam em um só lugar.
• Gere documentos: Com um prompt de sistema específico para o formato (relatório, proposta, resumo, e-mail, briefing), o Claude serializa os clipes e retorna markdown, depois renderiza para PDF estilizado e .docx.
• Gere páginas de comparação: Mesma entrada, mas a saída é uma página HTML estruturada com tabela de comparação, prós e contras e uma recomendação. Clipes de imagem e vídeo se tornam galeria e incorporações.
• Traga sua própria chave: Funciona com a chave Anthropic do usuário (DeepSeek como fallback). Sem negócio de token markup.

Lição Técnica Principal: Serialização de Clipes

A descoberta mais útil do desenvolvedor: como você serializa os clipes no contexto importa mais do que a redação do prompt. Despejar HTML bruto capturado deu saída vaga e hesitante. Pré-estruturar cada clipe em um bloco rotulado — fonte, título, texto capturado, nota, tipo — antes de chegar ao Claude, além de instruí-lo explicitamente a usar apenas o que está nos clipes, fez mais pela qualidade do que qualquer quantidade de ajuste de prompt.

O prompt da página de comparação usado:

Você está comparando os produtos e fontes nos seguintes clipes. Produza uma comparação estruturada com uma breve introdução, uma tabela em markdown das principais diferenças, prós e contras claros por opção e uma recomendação clara com justificativa. Use apenas as informações nos clipes. Saída apenas em markdown.

Stack

React/TypeScript com Zustand no painel lateral, Express e Supabase no backend. As funcionalidades de captura e organização principal são gratuitas; a geração com Claude é o nível pago.

Exemplos ao Vivo

• Página de comparação gerada (sem login)
• Clipe único compartilhado (sem login)

Para detalhes mais aprofundados sobre design de prompt ou estruturação de contexto de clipe, o desenvolvedor está ativo no tópico do Reddit.