🚀 Claude Code Master - Enhanced Claude Code Terminal with Screenshot Integration

Enhanced terminal experience with seamless screenshot integration. Chat with Claude Code through a beautiful interface with automatic clipboard image detection.

Experience Claude Code like never before with an enhanced terminal that automatically detects and integrates screenshots from your clipboard. This toolkit brings powerful AI assistance directly into your editor with intuitive screenshot sharing capabilities.

✨ Key Features

🖥️ Enhanced Terminal Interface - Beautiful chat interface with full Claude Code integration
📸 Screenshot Integration - Automatic clipboard image detection and capture
⏪ Restore Checkpoints - Undo changes and restore code to any previous state
💾 Conversation History - Automatic conversation history and session management
🧠 Plan and Thinking modes - Plan First and configurable Thinking modes for better results
⚡ Instant Access - Claude Code integrated directly into VS Code
🎨 VS Code Native - Seamlessly matches your editor's theme and design
📁 Smart File Context - Reference any file with simple @ mentions
🛑 Full Control - Start, stop, and manage AI processes with ease
🤖 Model Selection - Choose between Opus, Sonnet, or Default based on your needs
⚡ Slash Commands - Type "/" for instant access to all Claude Code commands
🐧 WSL Support - Full Windows Subsystem for Linux integration and compatibility

📸 Screenshot Integration

Automatic Clipboard Detection

• One-Click Sharing - Simply press Ctrl+V to paste screenshots directly into chat
• Cross-Platform Support - Works seamlessly on Windows, macOS, and Linux
• Format Support - Handles PNG, JPEG, and TIFF image formats
• Temporary File Management - Automatic cleanup of captured images
• Visual Feedback - Clear confirmation when screenshots are detected and added

How It Works

1. Take a screenshot using your system's screenshot tool (Cmd+Shift+4 on macOS, Win+Shift+S on Windows)
2. In Claude Code Toolkit, simply press Ctrl+V in the chat input
3. The system automatically detects the image in your clipboard
4. Screenshot is captured and its path is added to your message
5. Send your message with the screenshot attached for AI analysis

🌟 Enhanced Terminal Features

💬 Beautiful Chat Interface

• Real-time streaming responses with typing indicators
• One-click message copying with visual feedback
• Rich markdown support for code blocks and formatting
• Auto-resizing input that grows with your content

⏪ Checkpoint & Session Management

• Restore Checkpoints - Instantly undo changes and restore to any previous state
• Automatic Git-based backup system for safe experimentation
• Browse and restore from any conversation checkpoint
• Automatic conversation saving and restoration
• Real-time cost and token tracking

📁 Smart File Integration

• Type @ to instantly search and reference workspace files
• Image attachments via file browser or clipboard
• Lightning-fast file search across your entire project
• Seamless context preservation for multi-file discussions

🛠️ Tool Management

• Visual dashboard showing all available Claude Code tools
• Real-time tool execution with formatted results
• Process control - start, stop, and monitor operations

🤖 Model Selection

• Opus - Most capable model for complex tasks requiring deep reasoning
• Sonnet - Balanced model offering great performance for most use cases
• Default - Uses your configured model setting
• Easy switching via dropdown selector in the chat interface

⚡ Slash Commands Integration

• Type "/" to access all Claude Code commands instantly
• 19+ Built-in Commands: /cost, /status, /config, /help, /memory, /review, and more
• Custom command support with session context
• Terminal integration with WSL support

🚀 Getting Started

Prerequisites

• VS Code 1.80+ - Latest version recommended
• Claude Code CLI - Install from Anthropic
• Active Claude API or subscription - API or Pro/Max plan

Installation

1. Install from VS Code Marketplace

   ext install claude-code-toolkit
   

2. Open Claude Code Toolkit

   • Press Ctrl+Shift+C (or Cmd+Shift+C on Mac)
   • Or click the Claude icon in your status bar
   • Or use Command Palette: Claude Code Toolkit: Open

💡 Usage Examples

📸 Screenshot Analysis

You: [Paste screenshot with Ctrl+V]
Can you analyze this UI mockup and help me implement it in React?

Claude: I can see your UI mockup clearly. This appears to be a modern dashboard design with:

1. **Header Navigation** - Clean navigation bar with logo and user menu
2. **Sidebar Menu** - Collapsible sidebar with icon-based navigation
3. **Main Content Area** - Card-based layout with data visualization

Let me help you implement this step by step...
[Detailed implementation guide follows...]

🔥 Code Review with Screenshots

You: @src/components/UserProfile.tsx [Paste error screenshot]
I'm getting this error when testing the component. Can you help?

Claude: Looking at your error screenshot and the UserProfile component, I can see the issue:

The error shows "Cannot read property 'name' of undefined" which suggests the user prop isn't being passed correctly.

[Detailed debugging steps with code fixes...]

⚙️ Configuration

Keyboard Shortcuts

WSL Configuration (Windows Users)

Configure the extension to use WSL by updating your VS Code settings:

{
  "claudeCodeToolkit.wsl.enabled": true,
  "claudeCodeToolkit.wsl.distro": "Ubuntu",
  "claudeCodeToolkit.wsl.nodePath": "/usr/bin/node",
  "claudeCodeToolkit.wsl.claudePath": "/usr/local/bin/claude"
}

🎯 Pro Tips & Tricks

📸 Screenshot Workflow

• Quick Screenshots - Use system shortcuts to capture, then immediately paste with Ctrl+V
• Multiple Images - Capture several screenshots and paste them one by one
• Context Sharing - Combine screenshots with file references for comprehensive context

🔥 Enhanced Productivity

• Reference files with @ and add screenshots for visual context
• Use checkpoints before major changes for safe experimentation
• Leverage thinking modes for complex problem-solving with visual aids

🔧 Technical Details

Screenshot Capture Technology

• Windows - PowerShell-based clipboard integration
• macOS - AppleScript for multi-format support (PNG, JPEG, TIFF)
• Linux - xclip-based image detection and capture
• Temporary Files - Secure temporary file handling with automatic cleanup

File Management

• Automatic temporary file creation for captured images
• Cross-platform path handling
• Memory-efficient image processing
• Secure file cleanup on extension shutdown

🤝 Contributing

We welcome contributions! Here's how you can help:

1. 🐛 Report Bugs - Use our issue tracker
2. 💡 Suggest Features - Share your ideas
3. 🔧 Submit PRs - Help us improve the codebase
4. 📚 Improve Docs - Make the documentation better

Development Setup

git clone https://github.com/andrepimenta/claude-code-toolkit
cd claude-code-toolkit
npm install
npm run compile

# Press F5 to run the extension in development mode

📝 License

See the LICENSE file for details.

🙏 Acknowledgments

• Anthropic - For creating the amazing Claude AI and Claude Code SDK
• VS Code Team - For the incredible extension platform
• Our Community - For feedback, suggestions, and contributions

📞 Support

Need help? We've got you covered:

• 🐛 Issues: GitHub Issues