Claude Enhance

A Chrome extension that enhances the Claude.ai interface with three features:

• Equation Copy — Click any rendered equation to instantly copy its LaTeX source
• Conversation Navigation — Dot timeline on the right edge for jumping between your questions
• Saved Prompts — Store and quick-insert reusable prompt templates

Features

Equation Copy

Click any KaTeX-rendered equation on the page. The formula is copied to your clipboard as LaTeX, and a green "Formula copied" toast confirms the action.

Conversation Navigation

A minimal dot timeline appears on the right edge of the page. Each dot represents one of your questions. Click a dot to scroll directly to that message. The active position is highlighted as you scroll. Automatically updates when switching conversations.

Saved Prompts

A trigger button (⚡) near the input area opens a floating panel where you can:

• Save reusable prompts with titles and categories
• Search and filter your prompt library
• Click to insert a prompt into the input box
• Manage prompts via the extension popup (add, edit, delete, import/export JSON)

Tech Stack

Component	Technology
Extension	Chrome Manifest V3
Language	TypeScript
Build	Vite + @crxjs/vite-plugin
Content Script	Vanilla DOM (no framework)
Storage	chrome.storage.sync (settings) / chrome.storage.local (prompts)
UI Colors	Matched to Claude's warm earth-tone design system

Quick Start

Prerequisites

• Node.js >= 18
• Chrome browser

Install Dependencies

npm install

Build

npm run build

The built extension is output to the dist/ folder.

Development (Hot Reload)

npm run dev

Vite + CRXJS will auto-reload on source changes.

Load Locally

1. Navigate to chrome://extensions/ in Chrome
2. Enable Developer mode (top-right toggle)
3. Click Load unpacked → select the dist/ folder
4. Open claude.ai and reload the page

After code changes, run npm run build, then click the refresh icon on the extension card in chrome://extensions/ and reload the Claude tab.

Project Structure

src/
├── content/
│   ├── index.ts                          # Entry point, sequential feature init
│   ├── content.css                       # Injected styles (Claude color scheme)
│   ├── core/
│   │   ├── selectors.ts                  # All Claude.ai DOM selectors
│   │   ├── dom-observer.ts               # MutationObserver utilities
│   │   └── storage.ts                    # chrome.storage typed helpers
│   └── features/
│       ├── equation-copy/                # Click-to-copy LaTeX with toast
│       ├── nav-sidebar/                  # Dot timeline navigation
│       └── saved-prompts/                # Prompt manager with panel UI
├── popup/                                # Extension popup (settings + prompt CRUD)
└── background/                           # Minimal service worker

License

MIT