Treck: A Chrome Extension That Captures Web Research and Uses Claude to Generate Documents
Treck is a Chrome extension that solves the '50 tabs open, then manually write it up' problem. You clip text, images, product pages, YouTube videos, and full webpages into named project threads. Claude then works over all clips at once to produce a finished artifact — PDF report, .docx, or a shareable comparison page.
How It Works
- Clip anything: From any tab, capture text, images, product pages, YouTube videos, or full HTML.
- Organize into threads: Each named thread is a project. All clips live in one place.
- Generate documents: With a format-specific system prompt (report, proposal, summary, email, brief), Claude serialises the clips and returns markdown, then renders to styled PDF and .docx.
- Generate comparison pages: Same input, but output is a structured HTML page with a comparison table, pros/cons, and a recommendation. Image and video clips become a gallery and embeds.
- Bring your own key: Runs against the user's own Anthropic key (DeepSeek as fallback). No token-markup business.
Key Technical Lesson: Clip Serialization
The developer's most useful finding: how you serialise the clips into the context matters more than prompt wording. Dumping raw captured HTML gave vague, hedgy output. Pre-structuring each clip into a labelled block — source, title, captured text, note, type — before it reaches Claude, plus explicitly instructing it to use only what's in the clips, did more for quality than any amount of prompt tweaking.
The comparison-page prompt used:
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.Stack
React/TypeScript with Zustand in the side panel, Express and Supabase on the backend. Capture and core organizing features are free; Claude-powered generation is the paid tier.
Live Examples
- Generated comparison page (no login)
- Single shared clip (no login)
For deeper details on prompt design or clip-context structuring, the developer is active in the Reddit thread.
📖 Read the full source: r/ClaudeAI
👀 See Also
Gemini 3.1 Pro in Multi-Agent Systems: High Design Quality, 20% Tool-Call Failure Rate
Developers building Bobr, an AI presentation generator with a multi-agent architecture, report Gemini 3.1 Pro produces impressive design output but suffers from a ~20% tool-call failure rate and garbled text corruption in production pipelines.
cldctrl: Terminal Dashboard for Managing Claude Code Sessions
cldctrl is an npm package that provides a terminal dashboard for launching and managing Claude Code sessions across projects. It reads existing ~/.claude data, auto-discovers projects, and shows token usage with rate limit bars.
Culpa: Open Source Deterministic Replay Engine for AI Agent Debugging
Culpa is an open source tool that records LLM agent sessions with full execution context, enabling deterministic replay using recorded responses as stubs instead of hitting real APIs. It works with Anthropic and OpenAI APIs via proxy mode or Python SDK.
Design Studio Plugin for Claude Code Adds Virtual Design Team with 9 Roles and 16 Commands
A new Claude Code plugin called Design Studio simulates a full design team with 9 specialist roles, 16 slash commands, and 5 agents. It auto-detects tech stacks and includes over 8,000 lines of design knowledge across reference files.