How-To Guide Summarizer

WHAT IT DOES

How-To Guide Summarizer extracts the complete content from any how-to guide, tutorial, or instructional page and uses advanced AI to generate a concise, step-by-step summary. It captures the main procedure, key actions, required materials, and any critical tips or warnings—all presented in a clear, actionable format. Whether you're following a DIY project, a software tutorial, or a recipe, this tool helps you understand the essentials quickly and execute with confidence.

WHERE IT RUNS

This tool operates as a userscript within the BotGentz extension framework, running directly in your browser on any website. It works on DIY blogs, coding tutorials, cooking instructions, assembly guides, craft projects, and virtually any instructional content. The tool integrates seamlessly into your workflow, appearing as a draggable panel that stays accessible as you follow guides and tutorials.

HOW TO USE

Click "Scan Page" to automatically extract the guide content from the current page. The tool intelligently identifies the instructional content using semantic HTML patterns and structural markers. Alternatively, select text on the page before scanning to summarize only that portion. Configure your summary settings: choose your preferred format (Numbered Steps, Bulleted List, or Paragraph Format), toggle the materials list on or off, and choose whether to highlight warnings and tips separately. Click "Summarize Guide" to send the content to the AI backend. Within moments, you'll receive a concise, actionable summary of the guide. Use the "Copy Summary" button to save it for reference or to share with others.

TECHNICAL OPERATION

How-To Guide Summarizer employs a multi-strategy extraction pipeline that first checks for selected text, then attempts WebMCP (navigator.modelContext) when available—a W3C proposal for structured page content access—and falls back to DOM-based content detection using prioritized selectors for tutorial containers, instructional sections, and content areas. The user's format preference, materials inclusion, and warning highlighting settings are encoded as system-level instructions in the prompt sent to the AI. The text is truncated to 8000 characters and transmitted via GM_xmlhttpRequest to the AI backend. The AI, specifically prompted as a procedural content specialist, analyzes the content to identify distinct steps, required materials, prerequisite knowledge, and safety information. It then organizes this information into a logical sequence, preserving critical details while removing redundant text. The output is structured to maximize clarity and actionability, with steps ordered logically and warnings clearly distinguished from the main procedure. Each request is authenticated with a subscription key and counts against your monthly usage cap.

THE PANEL

The How-To Guide Summarizer panel is fully draggable and remembers its position between sessions using GM_setValue. It snaps to the edge of the viewport for a clean interface and can be collapsed to a small icon when not in use. The panel is resizable to accommodate longer content. Press Escape to quickly close or collapse the panel. The design is optimized for productivity with a dark theme, clear visual hierarchy, and responsive controls that adapt to your workflow.

PLEASE NOTE

This tool requires the free BotGentz extension installed in your browser and an active subscription to access the AI backend. AI-generated summaries are intended as aids for understanding guides more quickly and should be verified against the original content for accuracy, especially for safety-critical instructions. The tool may not capture every detail, so always refer to the original source when precision matters. No page data is stored or transmitted beyond the content you explicitly submit for summarization. All processing occurs through secure HTTPS connections, and your subscription key is never exposed to the page context.