Thanks to visit codestin.com
Credit goes to github.com

Skip to content

volltin/snap-explain

Repository files navigation

Snap Explain – AI Text Explainer (Chrome Extension)

中文说明

Chrome extension that streams brief and detailed explanations for any selected text using OpenAI-compatible chat completions. The entire codebase (including UI/UX) was authored by GPT-5.1-Codex-Max using a Volltin-provided prompt.

Demo

Highlights

  • Low-profile circular ? bubble appears on selection with a subtle charge ring; a quick hover (or click) opens the compact preview card for an ultra-brief explanation, and another click expands into full details and controls.
  • Streams short + long answers in parallel; shared request cache avoids duplicate calls for identical context.
  • Context-aware: page title, URL, nearby text, and custom templates/prompts (system/short/long) are fully configurable, with adjustable prompt length cap.
  • Modern glassmorphism UI with smooth enter/exit animations; options page for API key/base URL/model/prompts/templates.

Setup

  1. Open chrome://extensions, enable Developer Mode, click “Load unpacked”, select this folder.
  2. Open the extension popup or options page, set API key, base URL, model, prompts, and template.
  3. Select text on any page → hover or click the ? bubble to open the compact preview → click to expand for detailed view.

Tech Notes

  • Manifest V3, background service worker handles streaming and shared request hashing.
  • Content script manages bubble + compact/expanded card, animated transitions.
  • Options page persists settings in chrome.storage.local.

Credits

  • Built end-to-end by GPT-5.1-Codex-Max.
  • Prompt and direction provided by Volltin (who did not write a single line of code).

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published