Skip to content

Latest commit

ย 

History

1 Commit

Folders and files

NameName
Last commit message
Last commit date
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

็ฎ€ไฝ“ไธญๆ–‡ | English

Chat Highlight

AI Chat Highlighter for ChatGPT, Claude, and Gemini

Save useful AI answers as structured notes. Export to Markdown, HTML, TXT, or Notion.

Chrome Web Store Chrome Web Store rating Documentation Homepage

Chat Highlight is a local-first Chrome extension for highlighting, structuring, and exporting conversations from ChatGPT, Claude, and Gemini. Capture prompts, answers, code snippets, notes, images, and tags, then export to Markdown, HTML, TXT, or directly to Notion.

Chat Highlight AI chat highlighter banner

๐ŸŽฅ Demo

Chat Highlight demo video

Note

Repository status: This repository is the official community hub for issue tracking, feature requests, documentation links, and public roadmap notes. The extension code is currently closed-source to protect the core DOM parsing and cloud sync infrastructure. The product itself is built around a local-first model: your highlights and notes stay in browser storage unless you choose to enable cloud sync.


๐Ÿ”ฅ Why Chat Highlight?

AI chats are now part research notebook, part coding session, part brainstorming room. The problem is that useful answers are easy to lose.

Problem What happens without a dedicated AI chat highlighter
โŒ Lost context A useful ChatGPT, Claude, or Gemini answer gets buried in a long conversation.
โŒ Broken code formatting Copy-pasted code blocks lose indentation, language context, or readable structure.
โŒ Endless scrolling Finding one prompt inside a 50-turn AI research session becomes manual archaeology.
โŒ Scattered notes Highlights, tags, images, and follow-up notes end up across multiple tools.

Chat Highlight turns long AI conversations into structured, searchable knowledge cards that you can keep locally, sync across devices, or export to Notion.


๐ŸŽฏ Workflow

๐ŸŒ Read ๐ŸŽจ Highlight ๐ŸŒฒ Structure ๐Ÿ”Ž Search ๐Ÿ“ค Export
Open ChatGPT, Claude, Gemini, or any webpage Select text, code, or images Separate prompts, answers, notes, and tags Use Sidebar or Cloud Dashboard Markdown, HTML, TXT, or Notion

โœจ Core Features

๐Ÿค– AI-Native Chat Highlighting

Chat Highlight recognizes supported AI chat page structure across ChatGPT, Claude, and Gemini. It helps separate your prompts from AI answers so a messy conversation becomes a clean outline.

Auto-highlight AI chats in ChatGPT Claude Gemini

๐ŸŒฒ Tree View Sidebar and Live TOC

Use a hierarchical sidebar to navigate long conversations, filter by tag, jump to specific prompts, and edit notes without losing your place.

Structured sidebar and live table of contents

๐Ÿ“Š Cloud Dashboard

Search highlights, tags, images, and saved pages in one visual dashboard. Free users can keep local highlights and limited cloud backup; paid plans unlock more cloud sync capacity and dashboard history.

Cloud Dashboard for AI conversation highlights

๐Ÿ“ค Export to Markdown, HTML, TXT, and Notion

Export structured notes locally as Markdown, HTML, or TXT, or send highlights directly to Notion. HTML export is designed to preserve the visual structure of AI chat content, including readable code blocks.

Export AI chats to Markdown HTML TXT and Notion

๐Ÿ”’ Local-First Privacy

By default, highlights, notes, tags, and page data are stored in your browser via chrome.storage.local. Cloud sync is optional. We do not use your private notes to train AI models.


๐ŸŽจ Highlight Categories

Color Category Good for
๐ŸŸก Yellow Important Key takeaways, decisions, final answers
๐ŸŸข Green Excerpt Code snippets, API references, reusable text
๐Ÿ”ต Blue Fact Evidence, data points, citations
๐Ÿ”ด Pink Question Follow-ups, bugs, unresolved issues
๐ŸŸฃ Purple Inspiration Ideas, brainstorming, creative sparks

โš”๏ธ Chat Highlight vs Traditional Highlighters

Feature Chat Highlight Generic web highlighters
AI chat structure detection โœ… Yes โŒ Usually no
Prompt / answer organization โœ… Yes โŒ No
Tree View and Live TOC โœ… Yes โš ๏ธ Rarely
Code-friendly export โœ… Yes โš ๏ธ Often plain text only
Local-first storage โœ… Yes โš ๏ธ Varies
Direct Notion export โœ… Yes โš ๏ธ Varies

๐Ÿš€ Install

  1. Install Chat Highlight from the Chrome Web Store.
  2. Open a ChatGPT, Claude, Gemini, or regular webpage.
  3. Select text, code, or an image.
  4. Highlight, tag, add notes, and export when ready.

๐Ÿค Community and Support

About

๐Ÿš€ AI chat highlighter for ChatGPT, Claude, and Gemini. Export prompts, answers, code, notes, and highlights to Markdown, HTML, TXT, or Notion. โฌ‡๏ธ Install Extension

Topics

Resources

Stars

2 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors