buffbeard920

🎨 claude-code-enhance - Enhance Your VSCode Experience

🚀 Getting Started

Welcome to Claude Code Enhance! This extension adds useful features to your VSCode environment, making coding smoother and more productive. Follow the steps below to download and install the extension.

💻 Download & Install

Step 1: Visit the Releases Page

To get started, visit the Releases page. You will find the latest version of Claude Code Enhance there.

Download the latest release here

Step 2: Choose Your Installation Method

There are two ways to install this extension: using a patch script (recommended) or manually.

🛠️ Method 1: Patch Script (Recommended)

1. Open your terminal.

2. Run the following commands:

   cd claude-code-enhance
   node patch_extension.js
   

This script will automatically:

• Find the installed Claude Code extension.
• Copy enhance.js to the extension’s directory.
• Modify the CSP policy to allow loading CDN resources.
• Inject the enhancement script.

⚙️ Method 2: Manual Installation

1. Copy the Script:
   • Navigate to the webview/ directory inside the Claude Code enhance folder.
   • Copy webview/enhance.js to the extension’s webview/ directory.
2. Modify the CSP Policy:
   • Open extension.js located within the extension files.
   • Change the CSP policy to allow necessary resources.
3. Inject the Script in HTML:
   • In your HTML template, add the following script tag to include enhance.js:

   <script src="enhance.js"></script>
   

Step 3: Reload VSCode

Once you finish the installation, you need to reload VSCode.

• Press Ctrl+Shift+P, then select Developer: Reload Window.

📝 Usage Instructions

🤖 AI Dialogue Copy

1. Hover your mouse over the end of the AI reply.
2. A “Copy” button will appear at the bottom right corner.
3. Click on the Copy button to copy the AI reply content in Markdown format.

Note:

• The tool automatically excludes the thinking process and tool call content.
• It preserves formats like code blocks, tables, LaTeX formulas, and lists.

🔍 DOM Detection Tool

1. Press Ctrl+Shift+D to export the DOM structure for analysis.
2. Use this feature to better understand the components in your projects.

✅ Features Overview

The Claude Code Enhance extension offers several key features:

• Code Syntax Highlighting: Utilize Highlight.js to support over 180 languages. Easily identify syntax and errors.
• LaTeX Formula Rendering: Leverage KaTeX to render complex mathematical formulas including matrices, fractions, and integrals.
• One-Click AI Dialogue Copy: Quickly copy AI responses, excluding unnecessary content.
• DOM Detection Tool: Export the DOM structure for further analysis.
• Dark Theme for Tables: Enjoy a sleek design with gradient headers, hover highlights, and rounded borders.
• Automatic Code Wrapping: Long command lines auto-wrap for better visibility.
• Zoom Functionality: Use Ctrl + Scroll to zoom your interface from 50% to 200%.
• Corrected List Styles: Numbered lists display numbers correctly.

🛡️ Compatibility

• Claude Code Extension Required Version: 2.1.31
• Supported Platforms: Windows (win32-x64), Linux (linux-x64)

🚀 Final Steps

To ensure the best experience with Claude Code Enhance, keep your VSCode updated. Check for updates regularly and revisit our Releases page for new features and improvements.

Thank you for choosing Claude Code Enhance! Enjoy enhancing your coding experience in VSCode.

Download the latest release here and explore all the features today.