AI Mode Copy

🚀 One-click copy Google AI Mode responses as Markdown

Why • Features • Install • Usage • About

🇨🇳 中文文档

---

Why This Extension?

😤 The Problem: AI Mode's Copy Experience is Terrible

Google AI Mode (Search Labs) is a powerful AI search tool, but it has one frustrating issue:

You cannot copy the AI response content!

• ❌ Cannot copy Markdown - Even if you manage to select it, copying only gives plain text with all formatting lost
• ❌ No response copy button - While code blocks have copy buttons, the overall response doesn't
• ❌ Cannot save conversations - Want to save a great AI answer? Your only option is screenshots...

This is a nightmare for users who need to take notes, organize documentation, or share content!

✅ The Solution: AI Mode Copy

This Chrome extension perfectly solves all the above problems:

Just click the Markdown button at the bottom of the AI response to copy perfectly formatted Markdown content:

---

Features

• ✅ One-click copy - Prominent "Markdown" button added to AI response footer
• ✅ Smart conversion - Automatically converts HTML content to standard Markdown format
• ✅ Full format support:
  • Headings (H1-H6)
  • Paragraphs and line breaks
  • Lists (ordered/unordered)
  • Code blocks (with language identifiers)
  • Bold, italic
  • Links
  • Blockquotes
  • Tables
• ✅ Context menu - Copy full conversation via right-click
• ✅ Popup window - Click extension icon for quick copy

---

Installation

Developer Mode Loading

1. Clone or download this repository

   git clone https://github.com/MatrixAges/ai-mode-copy.git
   cd ai-mode-copy

2. Install dependencies and build

   pnpm install
   pnpm run build

3. Open Chrome browser and visit chrome://extensions/

4. Enable "Developer mode" in the top right corner

5. Click "Load unpacked"

6. Select the dist directory of the project

7. Done! 🎉

---

Usage

Method 1: Click Markdown Button (Recommended)

1. Visit Google Search and use AI Mode
2. A "Markdown" button will automatically appear at the bottom of AI responses
3. Click the button to copy the current response in Markdown format
4. The button will show ✓ when copy is successful

Method 2: Use Extension Popup

1. Click the extension icon in the browser toolbar
2. Click "Copy Full Conversation" to copy the entire conversation

Method 3: Use Context Menu

1. Right-click on the AI Mode page
2. Select "Copy Full Conversation (Markdown)" or "Copy Current Response (Markdown)"

---

Tech Stack

• Frontend Framework: React 18 + TypeScript
• Build Tool: Vite
• Chrome Extension: Manifest V3
• HTML Conversion: Custom Markdown converter

---

About the Build

🤖 100% AI Coding Powered

This project was entirely built by AI Coding!

This project was developed using Antigravity — an advanced AI Coding assistant developed by Google DeepMind. From project initialization, architecture design, feature implementation to documentation, the entire development process was done without writing a single line of code manually.

This is a real-world validation of AI Coding capabilities:

• 📝 Requirement Understanding - AI accurately understood the pain point of "solving AI Mode's copy limitation"
• 🏗️ Architecture Design - AI designed a clean Chrome extension architecture (content script + background + popup)
• 💻 Code Implementation - AI completed HTML-to-Markdown converter, React components, Chrome API integration
• 🐛 Bug Fixing - AI iteratively fixed issues with DOM selectors, style injection, format conversion
• 📖 Documentation - The README you're reading was also generated by AI

AI writing code to solve an AI product's problem — How meta is that? 😄

---

Project Structure

ai-mode-copy/
├── src/
│   ├── content/           # Content Script (injected into page)
│   │   ├── index.tsx      # Entry file
│   │   └── MarkdownButton.tsx
│   ├── background/        # Background Service Worker
│   │   └── index.ts
│   ├── popup/             # Extension popup
│   │   ├── index.tsx
│   │   ├── Popup.tsx
│   │   └── popup.css
│   └── utils/             # Utility functions
│       ├── converter.ts   # HTML → Markdown converter
│       └── extractor.ts   # DOM content extraction
├── public/
│   ├── manifest.json      # Chrome extension config
│   └── icons/             # Extension icons
├── images/                # README screenshots
├── dist/                  # Build output
└── package.json

---

Made with ❤️ for AI Enthusiasts

_{Powered by Antigravity AI Coding Assistant}