[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"similar-andrepimenta--claude-code-chat":3,"tool-andrepimenta--claude-code-chat":62},[4,18,26,36,46,54],{"id":5,"name":6,"github_repo":7,"description_zh":8,"stars":9,"difficulty_score":10,"last_commit_at":11,"category_tags":12,"status":17},4358,"openclaw","openclaw\u002Fopenclaw","OpenClaw 是一款专为个人打造的本地化 AI 助手，旨在让你在自己的设备上拥有完全可控的智能伙伴。它打破了传统 AI 助手局限于特定网页或应用的束缚，能够直接接入你日常使用的各类通讯渠道，包括微信、WhatsApp、Telegram、Discord、iMessage 等数十种平台。无论你在哪个聊天软件中发送消息，OpenClaw 都能即时响应，甚至支持在 macOS、iOS 和 Android 设备上进行语音交互，并提供实时的画布渲染功能供你操控。\n\n这款工具主要解决了用户对数据隐私、响应速度以及“始终在线”体验的需求。通过将 AI 部署在本地，用户无需依赖云端服务即可享受快速、私密的智能辅助，真正实现了“你的数据，你做主”。其独特的技术亮点在于强大的网关架构，将控制平面与核心助手分离，确保跨平台通信的流畅性与扩展性。\n\nOpenClaw 非常适合希望构建个性化工作流的技术爱好者、开发者，以及注重隐私保护且不愿被单一生态绑定的普通用户。只要具备基础的终端操作能力（支持 macOS、Linux 及 Windows WSL2），即可通过简单的命令行引导完成部署。如果你渴望拥有一个懂你",349277,3,"2026-04-06T06:32:30",[13,14,15,16],"Agent","开发框架","图像","数据工具","ready",{"id":19,"name":20,"github_repo":21,"description_zh":22,"stars":23,"difficulty_score":10,"last_commit_at":24,"category_tags":25,"status":17},3808,"stable-diffusion-webui","AUTOMATIC1111\u002Fstable-diffusion-webui","stable-diffusion-webui 是一个基于 Gradio 构建的网页版操作界面，旨在让用户能够轻松地在本地运行和使用强大的 Stable Diffusion 图像生成模型。它解决了原始模型依赖命令行、操作门槛高且功能分散的痛点，将复杂的 AI 绘图流程整合进一个直观易用的图形化平台。\n\n无论是希望快速上手的普通创作者、需要精细控制画面细节的设计师，还是想要深入探索模型潜力的开发者与研究人员，都能从中获益。其核心亮点在于极高的功能丰富度：不仅支持文生图、图生图、局部重绘（Inpainting）和外绘（Outpainting）等基础模式，还独创了注意力机制调整、提示词矩阵、负向提示词以及“高清修复”等高级功能。此外，它内置了 GFPGAN 和 CodeFormer 等人脸修复工具，支持多种神经网络放大算法，并允许用户通过插件系统无限扩展能力。即使是显存有限的设备，stable-diffusion-webui 也提供了相应的优化选项，让高质量的 AI 艺术创作变得触手可及。",162132,"2026-04-05T11:01:52",[14,15,13],{"id":27,"name":28,"github_repo":29,"description_zh":30,"stars":31,"difficulty_score":32,"last_commit_at":33,"category_tags":34,"status":17},1381,"everything-claude-code","affaan-m\u002Feverything-claude-code","everything-claude-code 是一套专为 AI 编程助手（如 Claude Code、Codex、Cursor 等）打造的高性能优化系统。它不仅仅是一组配置文件，而是一个经过长期实战打磨的完整框架，旨在解决 AI 代理在实际开发中面临的效率低下、记忆丢失、安全隐患及缺乏持续学习能力等核心痛点。\n\n通过引入技能模块化、直觉增强、记忆持久化机制以及内置的安全扫描功能，everything-claude-code 能显著提升 AI 在复杂任务中的表现，帮助开发者构建更稳定、更智能的生产级 AI 代理。其独特的“研究优先”开发理念和针对 Token 消耗的优化策略，使得模型响应更快、成本更低，同时有效防御潜在的攻击向量。\n\n这套工具特别适合软件开发者、AI 研究人员以及希望深度定制 AI 工作流的技术团队使用。无论您是在构建大型代码库，还是需要 AI 协助进行安全审计与自动化测试，everything-claude-code 都能提供强大的底层支持。作为一个曾荣获 Anthropic 黑客大奖的开源项目，它融合了多语言支持与丰富的实战钩子（hooks），让 AI 真正成长为懂上",159267,2,"2026-04-17T11:29:14",[14,13,35],"语言模型",{"id":37,"name":38,"github_repo":39,"description_zh":40,"stars":41,"difficulty_score":42,"last_commit_at":43,"category_tags":44,"status":17},8272,"opencode","anomalyco\u002Fopencode","OpenCode 是一款开源的 AI 编程助手（Coding Agent），旨在像一位智能搭档一样融入您的开发流程。它不仅仅是一个代码补全插件，而是一个能够理解项目上下文、自主规划任务并执行复杂编码操作的智能体。无论是生成全新功能、重构现有代码，还是排查难以定位的 Bug，OpenCode 都能通过自然语言交互高效完成，显著减少开发者在重复性劳动和上下文切换上的时间消耗。\n\n这款工具专为软件开发者、工程师及技术研究人员设计，特别适合希望利用大模型能力来提升编码效率、加速原型开发或处理遗留代码维护的专业人群。其核心亮点在于完全开源的架构，这意味着用户可以审查代码逻辑、自定义行为策略，甚至私有化部署以保障数据安全，彻底打破了传统闭源 AI 助手的“黑盒”限制。\n\n在技术体验上，OpenCode 提供了灵活的终端界面（Terminal UI）和正在测试中的桌面应用程序，支持 macOS、Windows 及 Linux 全平台。它兼容多种包管理工具，安装便捷，并能无缝集成到现有的开发环境中。无论您是追求极致控制权的资深极客，还是渴望提升产出的独立开发者，OpenCode 都提供了一个透明、可信",144296,1,"2026-04-16T14:50:03",[13,45],"插件",{"id":47,"name":48,"github_repo":49,"description_zh":50,"stars":51,"difficulty_score":32,"last_commit_at":52,"category_tags":53,"status":17},2271,"ComfyUI","Comfy-Org\u002FComfyUI","ComfyUI 是一款功能强大且高度模块化的视觉 AI 引擎，专为设计和执行复杂的 Stable Diffusion 图像生成流程而打造。它摒弃了传统的代码编写模式，采用直观的节点式流程图界面，让用户通过连接不同的功能模块即可构建个性化的生成管线。\n\n这一设计巧妙解决了高级 AI 绘图工作流配置复杂、灵活性不足的痛点。用户无需具备编程背景，也能自由组合模型、调整参数并实时预览效果，轻松实现从基础文生图到多步骤高清修复等各类复杂任务。ComfyUI 拥有极佳的兼容性，不仅支持 Windows、macOS 和 Linux 全平台，还广泛适配 NVIDIA、AMD、Intel 及苹果 Silicon 等多种硬件架构，并率先支持 SDXL、Flux、SD3 等前沿模型。\n\n无论是希望深入探索算法潜力的研究人员和开发者，还是追求极致创作自由度的设计师与资深 AI 绘画爱好者，ComfyUI 都能提供强大的支持。其独特的模块化架构允许社区不断扩展新功能，使其成为当前最灵活、生态最丰富的开源扩散模型工具之一，帮助用户将创意高效转化为现实。",108322,"2026-04-10T11:39:34",[14,15,13],{"id":55,"name":56,"github_repo":57,"description_zh":58,"stars":59,"difficulty_score":32,"last_commit_at":60,"category_tags":61,"status":17},6121,"gemini-cli","google-gemini\u002Fgemini-cli","gemini-cli 是一款由谷歌推出的开源 AI 命令行工具，它将强大的 Gemini 大模型能力直接集成到用户的终端环境中。对于习惯在命令行工作的开发者而言，它提供了一条从输入提示词到获取模型响应的最短路径，无需切换窗口即可享受智能辅助。\n\n这款工具主要解决了开发过程中频繁上下文切换的痛点，让用户能在熟悉的终端界面内直接完成代码理解、生成、调试以及自动化运维任务。无论是查询大型代码库、根据草图生成应用，还是执行复杂的 Git 操作，gemini-cli 都能通过自然语言指令高效处理。\n\n它特别适合广大软件工程师、DevOps 人员及技术研究人员使用。其核心亮点包括支持高达 100 万 token 的超长上下文窗口，具备出色的逻辑推理能力；内置 Google 搜索、文件操作及 Shell 命令执行等实用工具；更独特的是，它支持 MCP（模型上下文协议），允许用户灵活扩展自定义集成，连接如图像生成等外部能力。此外，个人谷歌账号即可享受免费的额度支持，且项目基于 Apache 2.0 协议完全开源，是提升终端工作效率的理想助手。",100752,"2026-04-10T01:20:03",[45,13,15,14],{"id":63,"github_repo":64,"name":65,"description_en":66,"description_zh":67,"ai_summary_zh":67,"readme_en":68,"readme_zh":69,"quickstart_zh":70,"use_case_zh":71,"hero_image_url":72,"owner_login":73,"owner_name":74,"owner_avatar_url":75,"owner_bio":76,"owner_company":77,"owner_location":78,"owner_email":77,"owner_twitter":77,"owner_website":79,"owner_url":80,"languages":81,"stars":94,"forks":95,"last_commit_at":96,"license":97,"difficulty_score":32,"env_os":98,"env_gpu":99,"env_ram":99,"env_deps":100,"category_tags":106,"github_topics":107,"view_count":32,"oss_zip_url":77,"oss_zip_packed_at":77,"status":17,"created_at":115,"updated_at":116,"faqs":117,"releases":152},8519,"andrepimenta\u002Fclaude-code-chat","claude-code-chat","Beautiful Claude Code Chat Interface for VS Code","claude-code-chat 是一款专为 VS Code 打造的精美图形化聊天扩展，旨在让开发者无需离开编辑器即可与 Claude Code AI 进行自然流畅的交互。它彻底摒弃了传统的命令行操作模式，将复杂的终端指令转化为直观、可视化的对话界面，解决了开发者在编码过程中频繁切换窗口、记忆复杂命令以及难以直观预览代码变更的痛点。\n\n这款工具非常适合希望提升开发效率的软件工程师、全栈开发者以及技术研究人员使用。其核心亮点在于强大的“检查点”功能，支持基于 Git 自动备份，让用户能随时一键撤销更改并恢复到任意历史状态，极大降低了试错成本。此外，内置的行内差异查看器（Inline Diff Viewer）可清晰展示代码增删细节，并支持直接调用 VS Code 原生对比视图。新版还引入了丰富的插件市场，支持一键安装 MCP 服务器、技能包和插件，轻松连接 GitHub、Slack 等外部服务。同时，它具备智能上下文理解能力，支持图片粘贴预览、文件引用及自定义命令，全面兼容 Windows、WSL 及 Cursor 等编辑器，让 AI 辅助编程变得更加简单、安全且富有乐趣。","# 🚀 Claude Code Chat - Beautiful Claude Code Chat Interface for VS Code\n\n[![VS Code Extension](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FVS%20Code-Extension-blue?style=for-the-badge&logo=visual-studio-code)](https:\u002F\u002Fmarketplace.visualstudio.com\u002Fitems?itemName=andrepimenta.claude-code-chat)\n[![Claude Code](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FPowered%20by-Claude%20Code-orange?style=for-the-badge)](https:\u002F\u002Fclaude.ai\u002Fcode)\n[![TypeScript](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FBuilt%20with-TypeScript-3178C6?style=for-the-badge&logo=typescript)](https:\u002F\u002Fwww.typescriptlang.org\u002F)\n\n> **No more terminal commands. Chat with Claude Code through a beautiful, intuitive interface right inside VS Code.**\n\nDitch the command line and experience Claude Code like never before. This extension brings a stunning chat interface directly into your editor, making AI assistance accessible, visual, and enjoyable.\n\n🤖 **Built by Claude Code for Claude Code** - This extension was entirely developed using Claude Code itself. Claude Code created its own chat interface!\n\n---\n\n## ✨ **Why Choose Claude Code Chat?**\n\n🖥️ **No Terminal Required** - Beautiful chat interface replaces command-line interactions  \n⏪ **Restore Checkpoints** - Undo changes and restore code to any previous state  \n🔌 **MCP, Skills & Plugins** - Browse, search, and install from curated marketplaces  \n💾 **Conversation History** - Automatic conversation history and session management  \n🎨 **VS Code & Cursor** - Works in VS Code, Cursor, and other compatible editors  \n🧠 **Plan and Ultrathink modes** - Plan First and Ultrathink modes  \n⚡ **Smart Context** - Reference files, paste images, and create custom commands  \n🐧 **Windows\u002FWSL Support** - Full native Windows and WSL support\n\n![Claude Code Chat 1 0 0](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fandrepimenta_claude-code-chat_readme_219ff14f5811.png)\n\n\n---\n\n## 🌟 **Key Features**\n\n### 💬 **Beautiful Chat Graphical Interface**\n- No terminal required - everything through the UI\n- Real-time streaming responses with typing indicators\n- One-click message copying with visual feedback\n- Enhanced markdown support with syntax highlighting\n- Auto-resizing input that grows with your content\n- Copy-to-clipboard for code blocks\n\n### ⏪ **Checkpoint & Session Management**\n- **Restore Checkpoints** - Instantly undo changes and restore to any previous state\n- Automatic Git-based backup system for safe experimentation\n- Browse and restore from any conversation checkpoint\n- Automatic conversation saving and restoration\n- Real-time cost and token tracking\n- Session statistics and performance metrics\n\n### 📝 **Inline Diff Viewer**\n- **Full Diff Display** - See complete file changes directly in Edit, MultiEdit, and Write messages\n- **Open in VS Code Diff** - One-click button to open VS Code's native side-by-side diff editor\n- **Smart Truncation** - Long diffs are truncated with an expand button for better readability\n- **Syntax Highlighting** - Proper code highlighting in diff views\n- **Visual Change Indicators** - Clear green\u002Fred highlighting for additions and deletions\n\n### 🔌 **MCP, Skills & Plugins Marketplace** ⭐ **NEW IN V2.0**\n- **MCP Servers** - Browse 30+ featured servers (GitHub, Slack, Stripe, Notion, etc.) with dual registry search\n- **Skills** - Browse and install curated skills from skills.sh with project or global scope\n- **Plugins** - Browse and install plugins to extend Claude Code\n- **Smart Search** - Search across add-mcp curated and official Anthropic registries with relevance ranking\n- **Project or Global Install** - Install MCP servers to `.mcp.json` or `~\u002F.claude.json`, skills to `.claude\u002Fskills\u002F`\n- **One-Click Install** - Pre-filled configuration with env vars, headers, and OAuth authentication\n\n### 🖼️ **Image Preview & Attachments** ⭐ **NEW IN V2.0**\n- **Paste Images** - Paste images with thumbnail preview before sending\n- **File Picker** - Select images through VS Code's native file picker\n- **Preview Strip** - See attached images above the text box with remove buttons\n- **Inline Detection** - Image paths in messages are automatically detected and sent as base64\n- **Multiple Images** - Attach multiple images to a single message\n\n### 🔒 **Advanced Permissions System**\n- **Interactive Permission Dialogs** - Detailed tool information with command previews\n- **Always Allow Functionality** - Smart command pattern matching for common tools (npm, git, docker)\n- **YOLO Mode** - Skip all permission checks for power users\n- **Workspace Permissions** - Granular control over what tools can execute\n- **Real-time Permission Management** - Add\u002Fremove permissions through intuitive UI\n\n### 📱 **Sidebar Integration**\n- **Native VS Code Sidebar** - Full chat functionality in the sidebar panel\n- **Smart Panel Management** - Automatic switching between main and sidebar views\n- **Persistent Sessions** - State maintained across panel switches\n- **Activity Bar Integration** - Quick access from VS Code's activity bar\n\n### 📁 **Smart File Integration**\n- Type `@` to instantly search and reference workspace files\n- Image attachments via file browser and copy-paste screenshots\n- Lightning-fast file search across your entire project\n- Seamless context preservation for multi-file discussions\n\n### 🛠️ **Tool Management**\n- Visual dashboard showing all available Claude Code tools\n- Real-time tool execution with formatted results\n- Inline stop button replaces send during processing\n- Smart permission system for secure tool execution\n\n### 🎨 **VS Code Integration**\n- Native theming that matches your editor\n- Status bar with support button\n- Activity bar panel for quick access\n- Responsive design for any screen size\n\n### 🤖 **Model Selection**\n- **Quick Buttons** - GPT, Gemini, MiniMax, Kimi, GLM, DeepSeek above the text box\n- **Opus** - Most capable model for complex tasks requiring deep reasoning\n- **Sonnet** - Balanced model offering great performance for most use cases\n- **Default** - Uses your configured model setting\n- **150+ OpenCredits Models** - Browse and switch to any available model\n- Model preference persists across sessions\n- Provider choice (OpenCredits vs Anthropic) for Claude models\n\n### ⚡ **Slash Commands Integration**\n- **Slash Commands Modal** - Type \"\u002F\" to access all Claude Code commands instantly\n- **23+ Built-in Commands** - \u002Fagents, \u002Fcost, \u002Fconfig, \u002Fmemory, \u002Freview, and more\n- **Custom Command Support** - Execute any Claude Code command with session context\n- **Session-Aware Execution** - All commands run with current conversation context\n- **Terminal Integration** - Commands open directly in VS Code terminal with WSL support\n\n### 🧠 **Advanced AI Modes**\n- **Plan First Mode** - Toggle to make Claude plan before implementing changes\n- **Thinking Mode** - Configurable intensity levels (Think, Think Hard, Think Harder, Ultrathink)\n- **Mode Toggles** - Simple switches above the text input area\n- **Intelligent Prompting** - Different prompts based on selected thinking intensity\n- **Token Awareness** - Higher thinking levels consume more tokens but provide deeper reasoning\n\n### 💬 **Support & Feedback** ⭐ **NEW IN V2.0**\n- **In-App Support** - Click \"Support\" in the status bar to send feedback\n- **Bug Reports & Feature Requests** - Submit directly from the extension\n- **Optional Email** - Include your email for follow-up\n\n---\n\n## 🚀 **Getting Started**\n\n### Prerequisites\n- **VS Code 1.80+** or **Cursor** - Latest version recommended\n- **Claude Code CLI** - [Install from Anthropic](https:\u002F\u002Fclaude.ai\u002Fcode)\n- **Active Claude API or subscription** - API or Pro\u002FMax plan\n- **Node.js 18+** - Required for installation\n\n### Installation\n\n1. **Install from VS Code Marketplace**\n   ```\n   ext install claude-code-chat\n   ```\n\n2. **Or install manually**\n   - Download the `.vsix` file from releases\n   - Run `code --install-extension claude-code-chat-x.x.x.vsix`\n\n3. **Open Claude Code Chat**\n   - Press `Ctrl+Shift+C` (or `Cmd+Shift+C` on Mac)\n   - Or click the Claude icon in your status bar\n   - Or use Command Palette: `Claude Code: Open Chat`\n\n---\n\n## 💡 **Usage Examples**\n\n### 🔥 **Code Review & Refactoring**\n```\nYou: @src\u002Fcomponents\u002FUserProfile.tsx Can you review this component and suggest improvements?\n\nClaude: I'll analyze your UserProfile component. Looking at the code, here are my recommendations:\n\n1. **Performance Optimization**: Add React.memo() to prevent unnecessary re-renders\n2. **TypeScript Enhancement**: The props interface could be more specific\n3. **Accessibility**: Missing ARIA labels for screen readers\n\n[Detailed analysis with code examples follows...]\n```\n\n### 📊 **Project Analysis**\n```\nYou: Analyze the overall architecture of my project and identify potential issues\n\nClaude: I'll examine your project structure and identify areas for improvement:\n\n🏗️ **Architecture Overview**\n- React frontend with TypeScript\n- Node.js backend with Express\n- MongoDB database layer\n\n⚠️ **Identified Issues**\n- Missing error boundaries in React components\n- Database queries lack proper indexing\n- API routes missing input validation\n\n[Detailed recommendations with implementation examples...]\n```\n\n### 🐛 **Debugging Assistant**\n```\nYou: I'm getting a strange error in my API. Here's the stack trace: [paste error]\n\nClaude: Looking at this stack trace, the issue appears to be a race condition in your async middleware. Here's what's happening:\n\n1. **Root Cause**: Multiple requests are modifying shared state\n2. **Solution**: Implement proper request isolation\n3. **Prevention**: Add comprehensive error handling\n\n[Step-by-step debugging guide follows...]\n```\n\n### ⏪ **Safe Experimentation with Checkpoints**\n```\nYou: Can you refactor this entire component to use hooks instead of class components?\n\nClaude: I'll refactor your component to use React hooks. Don't worry - I'll create a checkpoint first so you can easily restore if needed.\n\n[Creates automatic checkpoint]\n\nHere's the refactored component using hooks:\n[Shows the new implementation]\n\nIf you want to revert these changes, just click \"Restore Checkpoint\" to go back to your original code instantly.\n```\n\n---\n\n## ⚙️ **Configuration**\n\n### Keyboard Shortcuts\n| Shortcut | Action |\n|----------|--------|\n| `Ctrl+Shift+C` | Open Claude Code Chat |\n| `Enter` | Send message |\n| `@` | Open file picker |\n| `\u002F` | Open slash commands modal |\n\n### WSL Configuration (Windows Users)\nIf you're using Claude Code through WSL (Windows Subsystem for Linux), you can configure the extension to use WSL:\n\n1. Open VS Code Settings (`Ctrl+,` or `Cmd+,`)\n2. Search for \"Claude Code Chat\"\n3. Configure these settings:\n   - **Claude Code Chat: WSL Enabled** - Enable WSL integration\n   - **Claude Code Chat: WSL Distro** - Your WSL distribution name (e.g., `Ubuntu`, `Debian`)\n   - **Claude Code Chat: WSL Node Path** - Path to Node.js in WSL (default: `\u002Fusr\u002Fbin\u002Fnode`)\n   - **Claude Code Chat: WSL Claude Path** - Path to Claude in WSL (default: `\u002Fusr\u002Flocal\u002Fbin\u002Fclaude`)\n\nExample configuration in `settings.json`:\n```json\n{\n  \"claudeCodeChat.wsl.enabled\": true,\n  \"claudeCodeChat.wsl.distro\": \"Ubuntu\",\n  \"claudeCodeChat.wsl.nodePath\": \"\u002Fusr\u002Fbin\u002Fnode\",\n  \"claudeCodeChat.wsl.claudePath\": \"\u002Fusr\u002Flocal\u002Fbin\u002Fclaude\"\n}\n```\n\n---\n\n## 🎯 **Pro Tips & Tricks**\n\n### 🔥 **File Context Magic**\n- Type `@` followed by your search term to quickly reference files\n- Use `@src\u002F` to narrow down to specific directories\n- Reference multiple files in one message for cross-file analysis\n- Paste images directly with preview thumbnails before sending\n- Paste screenshots with Ctrl+V for instant visual communication\n\n### ⚡ **Productivity Boosters**\n- **Creates checkpoints automatically** before changes for safe experimentation\n- **Restore instantly** if changes don't work out as expected\n- Permission system prevents accidental tool execution\n- YOLO mode for power users who want speed over safety\n- Inline stop button to cancel long-running operations\n- Copy message contents to reuse Claude's responses\n- Open history panel to reference previous conversations\n- Sidebar integration for multi-panel workflow\n- **Plan mode** and **Ultrathink** toggles above the text box\n\n### 🎨 **Interface Customization**\n- The UI automatically adapts to your VS Code theme\n- Messages are color-coded: Green for you, Blue for Claude\n- Hover over messages to reveal the copy button\n- Enhanced code block rendering with syntax highlighting\n- Copy-to-clipboard functionality for code blocks\n\n---\n\n## 🔧 **Advanced Features**\n\n### 🛠️ **Tool Integration**\nClaude Code Chat provides secure access to all Claude Code tools:\n- **Bash** - Execute shell commands with permission controls\n- **File Operations** - Read, write, and edit files\n- **Search** - Grep and glob pattern matching across workspace\n- **Web** - Fetch and search web content\n- **Multi-edit** - Batch file modifications\n- **MCP Servers** - Extend functionality with Model Context Protocol servers\n- **Permissions System** - Granular control over tool execution for security\n\n### 📊 **Analytics & Monitoring**\n- **Real-time cost tracking** - Monitor your API usage\n- **Token consumption** - See input\u002Foutput token counts\n- **Response timing** - Track performance metrics\n- **Session statistics** - Comprehensive usage analytics\n\n### ⏪ **Checkpoint System**\n- **Instant restoration** - One-click restore to any previous state\n- **Conversation checkpoints** - Every change creates a restore point\n- **Visual timeline** - See and navigate through all your project states\n\n### 🔄 **Conversation History**\n- **Automatic saving** - Every conversation is preserved\n- **Smart restoration** - Resume exactly where you left off\n- **Switch between chats** - Easily check and switch to previous conversations\n\n---\n\n## 🤝 **Contributing**\n\nWe welcome contributions! Here's how you can help:\n\n1. **🐛 Report Bugs** - Use our issue tracker\n2. **💡 Suggest Features** - Share your ideas\n3. **🔧 Submit PRs** - Help us improve the codebase\n4. **📚 Improve Docs** - Make the documentation better\n\n### Development Setup\n```bash\ngit clone https:\u002F\u002Fgithub.com\u002Fandrepimenta\u002Fclaude-code-chat\ncd claude-code-chat\nnpm install\n\nClick \"F5\" to run the extension or access the \"Run and Debug\" section in VSCode\n```\n\n---\n\n## 📝 **License**\n\nSee the [LICENSE](LICENSE) file for details.\n\n---\n\n## 🙏 **Acknowledgments**\n\n- **Anthropic** - For creating the amazing Claude AI and more specifically the Claude Code SDK\n- **VS Code Team** - For the incredible extension platform\n- **Our Community** - For feedback, suggestions, and contributions\n\n---\n\n## 📞 **Support**\n\nNeed help? We've got you covered:\n\n- 💬 **In-App** - Click \"Support\" in the status bar to send feedback directly\n- 🐛 **Issues**: [GitHub Issues](https:\u002F\u002Fgithub.com\u002Fandrepimenta\u002Fclaude-code-chat\u002Fissues)\n\n---\n\n\u003Cdiv align=\"center\">\n\n**⭐ Star us on GitHub if this project helped you!**\n\n[**Download Now**](https:\u002F\u002Fmarketplace.visualstudio.com\u002Fitems?itemName=andrepimenta.claude-code-chat)\n\n\u003C\u002Fdiv>\n","# 🚀 Claude Code Chat - 适用于 VS Code 的精美 Claude Code 聊天界面\n\n[![VS Code 扩展](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FVS%20Code-Extension-blue?style=for-the-badge&logo=visual-studio-code)](https:\u002F\u002Fmarketplace.visualstudio.com\u002Fitems?itemName=andrepimenta.claude-code-chat)\n[![Claude Code](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FPowered%20by-Claude%20Code-orange?style=for-the-badge)](https:\u002F\u002Fclaude.ai\u002Fcode)\n[![TypeScript](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FBuilt%20with-TypeScript-3178C6?style=for-the-badge&logo=typescript)](https:\u002F\u002Fwww.typescriptlang.org\u002F)\n\n> **再也不用敲命令行了。直接在 VS Code 内通过美观直观的界面与 Claude Code 对话吧。**\n\n告别命令行，以全新方式体验 Claude Code。这款扩展将惊艳的聊天界面直接融入你的编辑器中，让 AI 辅助变得触手可及、可视化且充满乐趣。\n\n🤖 **由 Claude Code 为 Claude Code 打造** - 这款扩展完全使用 Claude Code 自身开发而成。Claude Code 竟然为自己创建了聊天界面！\n\n---\n\n## ✨ **为什么选择 Claude Code Chat？**\n\n🖥️ **无需终端** - 精美的聊天界面取代了命令行交互  \n⏪ **恢复检查点** - 撤销更改并将代码恢复到任意先前状态  \n🔌 **MCP、技能与插件** - 浏览、搜索并从精选市场安装  \n💾 **对话历史** - 自动保存对话历史并管理会话  \n🎨 **VS Code 和 Cursor** - 支持 VS Code、Cursor 及其他兼容编辑器  \n🧠 **Plan 和 Ultrathink 模式** - 提供“先规划”和“超深度思考”模式  \n⚡ **智能上下文** - 可引用文件、粘贴图片并创建自定义命令  \n🐧 **Windows\u002FWSL 支持** - 完整原生 Windows 和 WSL 支持\n\n![Claude Code Chat 1 0 0](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fandrepimenta_claude-code-chat_readme_219ff14f5811.png)\n\n\n---\n\n## 🌟 **核心功能**\n\n### 💬 **精美的图形化聊天界面**\n- 无需终端——所有操作均通过 UI 完成\n- 实时流式响应，带有打字提示\n- 一键复制消息，并提供视觉反馈\n- 增强的 Markdown 支持，带语法高亮\n- 输入框可根据内容自动调整大小\n- 代码块支持复制到剪贴板\n\n### ⏪ **检查点与会话管理**\n- **恢复检查点** - 立即撤销更改，恢复到任意先前状态\n- 自动基于 Git 的备份系统，确保实验安全\n- 浏览并从任意对话检查点恢复\n- 自动保存和恢复对话\n- 实时成本与 token 跟踪\n- 会话统计与性能指标\n\n### 📝 **内联差异查看器**\n- **完整差异显示** - 在“编辑”、“多编辑”和“写作”消息中直接查看文件完整变更\n- **在 VS Code 差异视图中打开** - 一键按钮即可打开 VS Code 原生的并排差异编辑器\n- **智能截断** - 长差异会自动截断，并提供展开按钮以提高可读性\n- **语法高亮** - 差异视图中正确显示代码高亮\n- **可视化变更标记** - 清晰的绿色\u002F红色高亮显示新增和删除内容\n\n### 🔌 **MCP、技能与插件市场** ⭐ **V2.0 新增**\n- **MCP 服务器** - 浏览 30 多个精选服务器（GitHub、Slack、Stripe、Notion 等），支持双重注册表搜索\n- **技能** - 浏览并安装 skills.sh 上的精选技能，可选择项目或全局作用域\n- **插件** - 浏览并安装插件以扩展 Claude Code 功能\n- **智能搜索** - 跨 add-mcp 精选和 Anthropic 官方注册表进行搜索，并按相关性排序\n- **项目或全局安装** - 将 MCP 服务器安装到 `.mcp.json` 或 `~\u002F.claude.json`，技能安装到 `.claude\u002Fskills\u002F`\n- **一键安装** - 预填充配置，包括环境变量、请求头和 OAuth 认证\n\n### 🖼️ **图片预览与附件** ⭐ **V2.0 新增**\n- **粘贴图片** - 粘贴图片前会显示缩略图预览\n- **文件选择器** - 通过 VS Code 原生文件选择器选择图片\n- **预览条** - 在文本框上方显示已附加的图片，并配有移除按钮\n- **内联检测** - 消息中的图片路径会被自动检测并以 base64 格式发送\n- **多张图片** - 可在单条消息中附加多张图片\n\n### 🔒 **高级权限系统**\n- **交互式权限对话框** - 提供详细的工具信息及命令预览\n- **始终允许功能** - 针对常见工具（npm、git、docker）的智能命令模式匹配\n- **YOLO 模式** - 跃过所有权限检查，专为高级用户设计\n- **工作区权限** - 细粒度控制哪些工具可以执行\n- **实时权限管理** - 通过直观的 UI 添加或移除权限\n\n### 📱 **侧边栏集成**\n- **原生 VS Code 侧边栏** - 侧边栏面板中提供完整的聊天功能\n- **智能面板管理** - 自动在主窗口和侧边栏视图之间切换\n- **持久会话** - 切换面板时保持状态\n- **活动栏集成** - 可从 VS Code 活动栏快速访问\n\n### 📁 **智能文件集成**\n- 输入 `@` 即可即时搜索并引用工作区文件\n- 通过文件浏览器和截图粘贴功能添加图片附件\n- 极速文件搜索，覆盖整个项目\n- 多文件讨论时无缝保留上下文\n\n### 🛠️ **工具管理**\n- 可视化仪表盘显示所有可用的 Claude Code 工具\n- 实时工具执行，结果格式化呈现\n- 处理过程中用停止按钮替代发送按钮\n- 智能权限系统，确保工具执行安全\n\n### 🎨 **VS Code 集成**\n- 原生主题，与编辑器风格一致\n- 状态栏配备支持按钮\n- 活动栏面板方便快速访问\n- 响应式设计，适应任何屏幕尺寸\n\n### 🤖 **模型选择**\n- **快捷按钮** - 文本框上方设有 GPT、Gemini、MiniMax、Kimi、GLM、DeepSeek 等选项\n- **Opus** - 最强大的模型，适合需要深度推理的复杂任务\n- **Sonnet** - 平衡型模型，在大多数场景下表现优异\n- **默认** - 使用您配置的模型设置\n- **150+ OpenCredits 模型** - 浏览并切换至任何可用模型\n- 模型偏好会在会话间保持\n- Claude 模型可选择提供商（OpenCredits 或 Anthropic）\n\n### ⚡ **Slash 命令集成**\n- **Slash 命令弹出框** - 输入 `\u002F` 即可立即访问所有 Claude Code 命令\n- **23+ 内置命令** - 包括 \u002Fagents、\u002Fcost、\u002Fconfig、\u002Fmemory、\u002Freview 等\n- **自定义命令支持** - 可在会话上下文中执行任意 Claude Code 命令\n- **会话感知执行** - 所有命令均在当前对话上下文中运行\n- **终端集成** - 命令可直接在 VS Code 终端中打开，并支持 WSL\n\n### 🧠 **高级 AI 模式**\n- **先计划模式** - 切换此模式后，Claude 会在实施更改前先进行规划\n- **思考模式** - 可配置的强度等级（思考、深入思考、更深入思考、超深度思考）\n- **模式切换开关** - 文本输入区域上方的简单开关\n- **智能提示** - 根据所选的思考强度提供不同的提示\n- **Token 使用感知** - 更高的思考级别会消耗更多 Token，但能提供更深入的推理\n\n### 💬 **支持与反馈** ⭐ **V2.0 新增功能**\n- **应用内支持** - 点击状态栏中的“支持”即可发送反馈\n- **错误报告与功能请求** - 可直接从扩展中提交\n- **可选邮箱** - 填写您的邮箱以便后续跟进\n\n---\n\n## 🚀 **快速入门**\n\n### 先决条件\n- **VS Code 1.80+** 或 **Cursor** - 推荐使用最新版本\n- **Claude Code CLI** - [从 Anthropic 安装](https:\u002F\u002Fclaude.ai\u002Fcode)\n- **有效的 Claude API 或订阅** - 需要 API 或 Pro\u002FMax 方案\n- **Node.js 18+** - 安装所需\n\n### 安装步骤\n\n1. **从 VS Code 市场安装**\n   ```\n   ext install claude-code-chat\n   ```\n\n2. **或手动安装**\n   - 从发布页面下载 `.vsix` 文件\n   - 运行 `code --install-extension claude-code-chat-x.x.x.vsix`\n\n3. **打开 Claude Code Chat**\n   - 按 `Ctrl+Shift+C`（Mac 上为 `Cmd+Shift+C`）\n   - 或点击状态栏中的 Claude 图标\n   - 或使用命令面板：`Claude Code: 打开聊天`\n\n---\n\n## 💡 **使用示例**\n\n### 🔥 **代码审查与重构**\n```\n你：@src\u002Fcomponents\u002FUserProfile.tsx 能否审查一下这个组件并提出改进建议？\n\nClaude：我会分析你的 UserProfile 组件。根据代码内容，我有以下建议：\n\n1. **性能优化**：添加 React.memo() 以防止不必要的重新渲染\n2. **TypeScript 改进**：props 接口可以更加具体\n3. **可访问性**：缺少面向屏幕阅读器的 ARIA 标签\n\n[详细的分析及代码示例随后……]\n```\n\n### 📊 **项目分析**\n```\n你：请分析我的项目整体架构，并指出潜在问题。\n\nClaude：我会检查你的项目结构并找出需要改进的地方：\n\n🏗️ **架构概览**\n- 使用 TypeScript 的 React 前端\n- Express 后端的 Node.js\n- MongoDB 数据库层\n\n⚠️ **已识别的问题**\n- React 组件中缺少错误边界\n- 数据库查询缺乏适当的索引\n- API 路由缺少输入验证\n\n[详细的建议及实现示例……]\n```\n\n### 🐛 **调试助手**\n```\n你：我的 API 出现了一个奇怪的错误。以下是堆栈跟踪信息：[粘贴错误信息]\n\nClaude：根据这个堆栈跟踪，问题似乎是异步中间件中的竞态条件。具体原因如下：\n\n1. **根本原因**：多个请求同时修改共享状态\n2. **解决方案**：实现请求隔离\n3. **预防措施**：添加全面的错误处理机制\n\n[逐步调试指南随后……]\n```\n\n### ⏪ **安全实验与检查点**\n```\n你：能否将整个组件重构为使用 Hooks 而不是类组件？\n\nClaude：我会将你的组件重构为使用 React Hooks。不用担心——我会先创建一个检查点，这样如果你需要的话可以轻松恢复原状。\n\n[自动创建检查点]\n\n以下是使用 Hooks 重构后的组件：\n[展示新的实现]\n\n如果你想撤销这些更改，只需点击“恢复检查点”，即可立即回到原始代码。\n```\n\n---\n\n## ⚙️ **配置选项**\n\n### 快捷键\n| 快捷键 | 功能 |\n|----------|--------|\n| `Ctrl+Shift+C` | 打开 Claude Code Chat |\n| `Enter` | 发送消息 |\n| `@` | 打开文件选择器 |\n| `\u002F` | 打开斜杠命令模态框 |\n\n### WSL 配置（Windows 用户）\n如果您通过 WSL（Windows Subsystem for Linux）使用 Claude Code，可以将扩展配置为在 WSL 中运行：\n\n1. 打开 VS Code 设置（`Ctrl+,` 或 `Cmd+,`）\n2. 搜索“Claude Code Chat”\n3. 配置以下设置：\n   - **Claude Code Chat: WSL 已启用** - 启用 WSL 集成\n   - **Claude Code Chat: WSL 发行版** - 您的 WSL 发行版名称（如 `Ubuntu`、`Debian`）\n   - **Claude Code Chat: WSL Node 路径** - WSL 中 Node.js 的路径（默认：`\u002Fusr\u002Fbin\u002Fnode`）\n   - **Claude Code Chat: WSL Claude 路径** - WSL 中 Claude 的路径（默认：`\u002Fusr\u002Flocal\u002Fbin\u002Fclaude`）\n\n`settings.json` 示例配置：\n```json\n{\n  \"claudeCodeChat.wsl.enabled\": true,\n  \"claudeCodeChat.wsl.distro\": \"Ubuntu\",\n  \"claudeCodeChat.wsl.nodePath\": \"\u002Fusr\u002Fbin\u002Fnode\",\n  \"claudeCodeChat.wsl.claudePath\": \"\u002Fusr\u002Flocal\u002Fbin\u002Fclaude\"\n}\n```\n\n---\n\n## 🎯 **专业技巧与窍门**\n\n### 🔥 **文件上下文魔法**\n- 输入 `@` 后跟搜索词，即可快速引用文件\n- 使用 `@src\u002F` 缩小到特定目录\n- 在一条消息中引用多个文件，进行跨文件分析\n- 直接粘贴图片，发送前可预览缩略图\n- 使用 Ctrl+V 粘贴截图，实现即时视觉沟通\n\n### ⚡ **提升效率的工具**\n- 在更改前自动创建检查点，确保安全实验\n- 如果更改不理想，可立即恢复\n- 权限系统可防止意外执行工具\n- YOLO 模式专为追求速度而非安全的高级用户设计\n- 内置停止按钮，可取消长时间运行的操作\n- 可复制消息内容，重复利用 Claude 的回复\n- 打开历史记录面板，回顾之前的对话\n- 侧边栏集成，支持多面板工作流\n- 文本框上方设有“计划模式”和“超深度思考”切换开关\n\n### 🎨 **界面自定义**\n- UI 会自动适配您的 VS Code 主题\n- 消息按颜色区分：绿色代表您，蓝色代表 Claude\n- 将鼠标悬停在消息上可显示复制按钮\n- 增强的代码块渲染，支持语法高亮\n- 代码块可直接复制到剪贴板\n\n---\n\n## 🔧 **高级功能**\n\n### 🛠️ **工具集成**\nClaude Code Chat 提供对所有 Claude Code 工具的安全访问：\n- **Bash** - 在权限控制下执行 Shell 命令\n- **文件操作** - 读取、写入和编辑文件\n- **搜索** - 在工作区中使用 Grep 和 Glob 模式匹配\n- **网络** - 获取并搜索网页内容\n- **批量编辑** - 批量修改文件\n- **MCP 服务器** - 通过模型上下文协议服务器扩展功能\n- **权限系统** - 对工具执行进行细粒度控制，确保安全性\n\n### 📊 **分析与监控**\n- **实时成本追踪** - 监控您的 API 使用情况\n- **Token 消耗** - 查看输入和输出的 Token 数量\n- **响应时间** - 跟踪性能指标\n- **会话统计** - 提供全面的使用分析\n\n### ⏪ **检查点系统**\n- **即时恢复** - 一键恢复到任意先前状态\n- **对话检查点** - 每次更改都会创建一个恢复点\n- **可视化时间线** - 查看并导航所有项目状态\n\n### 🔄 **对话历史**\n- **自动保存** - 每次对话都会被保留\n- **智能恢复** - 从您上次离开的地方继续\n- **切换聊天** - 轻松查看并切换到之前的对话\n\n---\n\n## 🤝 **贡献**\n\n我们欢迎各种形式的贡献！以下是您可以参与的方式：\n\n1. **🐛 报告问题** - 使用我们的问题追踪器\n2. **💡 提出功能建议** - 分享您的想法\n3. **🔧 提交 Pull Request** - 帮助我们改进代码库\n4. **📚 完善文档** - 让文档更加完善\n\n### 开发环境搭建\n```bash\ngit clone https:\u002F\u002Fgithub.com\u002Fandrepimenta\u002Fclaude-code-chat\ncd claude-code-chat\nnpm install\n\n按下 \"F5\" 运行扩展，或在 VS Code 中打开“运行与调试”面板\n```\n\n---\n\n## 📝 **许可证**\n\n详情请参阅 [LICENSE](LICENSE) 文件。\n\n---\n\n## 🙏 **致谢**\n\n- **Anthropic** - 感谢他们创造了出色的 Claude AI，尤其是 Claude Code SDK\n- **VS Code 团队** - 感谢其强大的扩展平台\n- **我们的社区** - 感谢大家的反馈、建议和贡献\n\n---\n\n## 📞 **支持**\n\n需要帮助吗？我们随时为您提供支持：\n\n- 💬 **应用内** - 点击状态栏中的“支持”按钮，直接发送反馈\n- 🐛 **问题**：[GitHub Issues](https:\u002F\u002Fgithub.com\u002Fandrepimenta\u002Fclaude-code-chat\u002Fissues)\n\n---\n\n\u003Cdiv align=\"center\">\n\n**⭐ 如果这个项目对您有帮助，请在 GitHub 上给我们点个赞吧！**\n\n[**立即下载**](https:\u002F\u002Fmarketplace.visualstudio.com\u002Fitems?itemName=andrepimenta.claude-code-chat)\n\n\u003C\u002Fdiv>","# Claude Code Chat 快速上手指南\n\nClaude Code Chat 是一款专为 VS Code 和 Cursor 设计的精美图形化界面扩展，让你无需使用终端命令即可直接与 Claude Code 进行对话、代码审查和重构。\n\n## 🛠️ 环境准备\n\n在开始之前，请确保你的开发环境满足以下要求：\n\n*   **编辑器**: VS Code 1.80+ 或 Cursor（推荐使用最新版本）。\n*   **核心依赖**: 已安装 [Claude Code CLI](https:\u002F\u002Fclaude.ai\u002Fcode)。\n*   **运行环境**: Node.js 18+。\n*   **账号权限**: 有效的 Claude API 密钥或 Pro\u002FMax 订阅计划。\n\n> **注意**：如果你在中国大陆地区，安装 Node.js 包或访问相关服务时可能会遇到网络延迟。建议配置国内镜像源（如淘宝镜像 `npmmirror.com`）以加速依赖安装。\n\n## 📦 安装步骤\n\n你可以通过以下两种方式之一安装该扩展：\n\n### 方式一：通过 VS Code 市场安装（推荐）\n\n在 VS Code 终端中运行以下命令：\n\n```bash\next install claude-code-chat\n```\n\n或者在扩展商店搜索 `claude-code-chat` 并点击安装。\n\n### 方式二：手动安装\n\n1.  从 GitHub Releases 页面下载最新的 `.vsix` 文件。\n2.  在终端运行以下命令进行安装（请将文件名替换为实际下载的文件名）：\n\n```bash\ncode --install-extension claude-code-chat-x.x.x.vsix\n```\n\n## 🚀 基本使用\n\n安装完成后，按照以下步骤开始体验：\n\n### 1. 启动聊天界面\n\n你可以通过以下任意一种方式打开聊天窗口：\n*   **快捷键**: 按下 `Ctrl+Shift+C` (Mac: `Cmd+Shift+C`)。\n*   **状态栏**: 点击 VS Code 底部状态栏的 Claude 图标。\n*   **命令面板**: 按 `Ctrl+Shift+P`，输入 `Claude Code: Open Chat` 并回车。\n\n### 2. 简单对话示例\n\n打开聊天窗口后，你可以像在日常聊天中一样与 AI 交互。\n\n**示例：请求代码审查**\n\n在输入框中输入以下内容（使用 `@` 引用具体文件）：\n\n```text\n@src\u002Fcomponents\u002FUserProfile.tsx 请审查这个组件并提出改进建议。\n```\n\n**预期响应：**\nClaude 将分析代码并提供关于性能优化、类型定义完善性或可访问性等方面的具体建议，甚至直接生成修改后的代码块。\n\n### 3. 高级功能速览\n\n*   **引用文件**: 输入 `@` 即可快速搜索并引用工作区内的文件。\n*   **发送图片**: 直接粘贴截图或使用文件选择器上传图片，AI 将识别图像内容。\n*   **使用命令**: 输入 `\u002F` 打开命令面板，使用 `\u002Freview`, `\u002Ffix` 等内置命令。\n*   **安全回滚**: 在进行重大修改前，系统会自动创建检查点（Checkpoint），如果不满意结果，可一键恢复到修改前的状态。\n\n---\n*现在，你可以在优雅的图形界面中尽情探索 Claude Code 的强大功能了！*","资深后端工程师小李正在重构一个遗留的支付模块，需要频繁让 AI 分析复杂逻辑并生成多文件代码修改方案。\n\n### 没有 claude-code-chat 时\n- 必须在终端输入冗长的命令来调用 Claude Code，打断编码心流且无法直观看到对话历史。\n- 面对 AI 生成的长段代码差异（Diff），只能在纯文本终端中艰难滚动查找，难以快速定位具体的增删改行。\n- 一旦 AI 生成的代码有误或不符合预期，缺乏便捷的“时光机”功能，只能手动撤销文件或依赖不完整的 Git 记录回滚。\n- 想要集成 GitHub 或数据库等外部工具时，需手动编辑复杂的 JSON 配置文件安装 MCP 服务，门槛高且易出错。\n- 无法直接粘贴架构截图或报错图片给 AI，只能费力地用文字描述视觉信息，导致沟通效率低下。\n\n### 使用 claude-code-chat 后\n- 直接在 VS Code 侧边栏通过精美的图形界面与 AI 对话，实时流式响应让交互如同聊天般自然流畅。\n- 利用内置的行内 Diff 查看器，清晰看到绿色新增和红色删除代码，一键即可在原生编辑器中对比详细变更。\n- 借助检查点（Checkpoint）功能，随时将项目状态一键还原到对话中的任意历史节点，大胆尝试重构无后顾之忧。\n- 在插件市场中搜索并一键安装所需的 MCP 服务器或技能包，自动处理环境变量与认证配置，瞬间扩展 AI 能力边界。\n- 直接将架构图或错误截图拖入输入框，AI 结合视觉上下文精准理解需求，大幅减少描述成本并提升解答准确度。\n\nclaude-code-chat 将原本割裂、生硬的命令行交互转化为可视化、可回溯且高度集成的沉浸式开发体验，让 AI 真正成为触手可及的编程伙伴。","https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fandrepimenta_claude-code-chat_219ff14f.gif","andrepimenta","Andre Pimenta","https:\u002F\u002Foss.gittoolsai.com\u002Favatars\u002Fandrepimenta_579a8e17.jpg","CTO • Full Stack Developer",null,"Lisbon, Portugal","linkedin.com\u002Fin\u002Fandrepimenta7","https:\u002F\u002Fgithub.com\u002Fandrepimenta",[82,86,90],{"name":83,"color":84,"percentage":85},"JavaScript","#f1e05a",65.3,{"name":87,"color":88,"percentage":89},"TypeScript","#3178c6",34.6,{"name":91,"color":92,"percentage":93},"Shell","#89e051",0.2,1024,154,"2026-04-16T16:04:22","NOASSERTION","Windows, macOS, Linux","未说明",{"notes":101,"python":99,"dependencies":102},"该工具是 VS Code 扩展，需预先安装 Anthropic 的 Claude Code CLI 并拥有有效的 API 密钥或订阅（Pro\u002FMax 计划）。支持在 Windows 上通过 WSL 运行，需在设置中配置 WSL 相关路径。无需本地 GPU 或 Python 环境，计算由云端 Claude 模型处理。",[103,104,105],"VS Code 1.80+","Claude Code CLI","Node.js 18+",[14,15,13,45],[108,109,110,111,112,113,114],"ai","ai-agents","claude","claude-code","vibe-coding","vscode","vscode-extension","2026-03-27T02:49:30.150509","2026-04-18T00:38:01.317736",[118,123,127,132,137,142,147],{"id":119,"question_zh":120,"answer_zh":121,"source_url":122},38140,"如何将 Claude Code Chat 移动到 VSCode 的侧边栏插件面板中？","该功能已在版本 1.0.0 中实现。请更新扩展至最新版本，并重启 VS Code。重启后，Claude Code Chat 将出现在侧边栏插件区域（与 GitHub Copilot、Cline 等相同的位置），您可以将其拖动到右侧或其他位置。","https:\u002F\u002Fgithub.com\u002Fandrepimenta\u002Fclaude-code-chat\u002Fissues\u002F29",{"id":124,"question_zh":125,"answer_zh":126,"source_url":122},38141,"如何在禁用 GitHub Copilot 的情况下仍然使用 Claude Code Chat？","如果禁用 Copilot 导致聊天面板消失，可以通过绑定快捷键来解决。例如，将打开 Claude Code Chat 的快捷键绑定为 `ctrl+alt+I`，这将覆盖 Copilot 的默认快捷键，从而在不启用 Copilot 的情况下独立使用该扩展。",{"id":128,"question_zh":129,"answer_zh":130,"source_url":131},38142,"是否支持原生的 Windows 系统（不使用 WSL）？","已支持原生 Windows。请更新扩展至版本 1.0.3 或更高版本即可直接使用，无需再依赖 WSL 环境。","https:\u002F\u002Fgithub.com\u002Fandrepimenta\u002Fclaude-code-chat\u002Fissues\u002F56",{"id":133,"question_zh":134,"answer_zh":135,"source_url":136},38143,"点击权限请求按钮（如允许 Bash 执行）后聊天卡住或无反应怎么办？","此问题在之前的版本中存在，导致点击“是”、“总是”或“否”后聊天停止但计数器仍在运行。该问题已在版本 1.0.3 中修复，请更新扩展重试。","https:\u002F\u002Fgithub.com\u002Fandrepimenta\u002Fclaude-code-chat\u002Fissues\u002F62",{"id":138,"question_zh":139,"answer_zh":140,"source_url":141},38144,"为什么显示\"credit balance too low\"错误，即使我已经订阅了最高套餐？","Claude Code Chat 直接使用底层 `claude` 命令的配置。如果您项目中设置了 `ANTHROPIC_API_KEY` 环境变量，它可能会优先使用该密钥而不是您的登录账户额度，导致余额不足错误。建议暂时移除 `ANTHROPIC_API_KEY` 环境变量，确保通过 `claude` 命令登录的是您的 Pro 账户。","https:\u002F\u002Fgithub.com\u002Fandrepimenta\u002Fclaude-code-chat\u002Fissues\u002F37",{"id":143,"question_zh":144,"answer_zh":145,"source_url":146},38145,"如何直接从剪贴板粘贴图片到聊天中？","该功能已在版本 1.0.0 中实现。现在您可以直接使用默认的 `CTRL+V` 快捷键将截图或图片从剪贴板粘贴到聊天输入框中。","https:\u002F\u002Fgithub.com\u002Fandrepimenta\u002Fclaude-code-chat\u002Fissues\u002F21",{"id":148,"question_zh":149,"answer_zh":150,"source_url":151},38146,"如何在扩展中切换 Claude Code 的 Plan Mode（计划模式）和 Auto Mode（自动模式）？","Plan Mode 和 Auto Mode 功能已在版本 0.1.3 中实现。请更新到最新版本，您可以在提示输入区域的工具栏中找到模式切换选项，不再需要依赖 Shift-Tab 快捷键。","https:\u002F\u002Fgithub.com\u002Fandrepimenta\u002Fclaude-code-chat\u002Fissues\u002F3",[153,158,163,168,173,178],{"id":154,"version":155,"summary_zh":156,"released_at":157},306270,"1.1.0","## [1.1.0] - 2025-12-06\n\n### 🚀 新增功能\n- **安装模态框**：为未安装 Claude Code CLI 的用户新增安装流程\n  - 自动检测 Claude Code 是否已安装\n  - 一键安装，带进度指示器\n  - 针对不同平台提供特定的安装命令\n- **差异查看器改进**：\n  - 在编辑、多编辑和写作工具的使用消息中显示完整差异\n  - 添加“打开差异”按钮，以在 VS Code 的原生并排差异编辑器中打开\n  - 对过长的差异添加截断，并提供展开按钮\n  - 优化差异存储，改进“打开差异”按钮的行为\n- **处理指示器**：新增变形橙色点动画，用于表示 Claude 正在工作时的状态\n- **订阅检测**：在状态栏中添加使用徽章，显示套餐类型（Pro、Max）或 API 费用\n- **对话压缩**：在聊天中处理 `\u002Fcompact` 命令，显示状态消息并重置 token 数量\n- **权限系统**：从基于 MCP 文件的权限提示迁移到基于 stdio 的权限提示\n- **计划模式**：现在使用原生的 `--permission-mode plan` CLI 标志，实现更简洁的代码结构\n\n### 🐛 修复的 Bug\n- 通过移除 ::before 伪元素修复了差异行对齐问题\n- 修复了差异工具结果的自动滚动问题\n- 从错误消息中移除 tool_use_error 标签\n- 改进了进程终止的处理方式\n\n### 🔧 技术改进\n- 在聊天界面中直接执行 \u002Fcompact 命令，而非启动终端\n- 改进了终端和 UI 的用户体验\n- 更新了差异图标颜色\n\n### 📊 数据分析\n- 添加了 Umami 分析事件，用于跟踪安装流程（模态框显示、开始、成功\u002F失败）","2025-12-06T13:16:47",{"id":159,"version":160,"summary_zh":161,"released_at":162},306271,"1.0.6","## [1.0.6] - 2025-08-26\n\n### 🐛 问题修复\n- 修复了代码库中的拼写错误\n- 移除了不再需要的优先级设置\n\n### 🔧 技术改进\n- 将脚本移至单独文件，以改善代码组织","2025-08-26T22:50:50",{"id":164,"version":165,"summary_zh":166,"released_at":167},306272,"1.0.3","### 🚀 主要功能新增\n新增对原生 Windows 的支持\n\n### 🐛 Bug 修复\n修复了权限有时不显示的问题","2025-07-19T23:15:01",{"id":169,"version":170,"summary_zh":171,"released_at":172},306273,"1.0.0","## [1.0.0] - 2025-01-15\n\n### 🚀 主要功能新增\n\n#### **高级权限管理系统**\n- 完整的权限框架，集成 MCP 协议，确保工具执行安全\n- 交互式权限对话框，提供详细的工具信息和命令预览\n- “始终允许”功能，通过智能命令模式匹配常见工具（npm、git、docker 等）\n- 面向高级用户的 YOLO 模式，可跳过所有权限检查\n- 全面的权限设置 UI，支持添加或移除特定权限\n- 文件系统监听器，实现权限请求的实时处理\n- 工作区级别的权限存储与管理\n\n#### **MCP（模型上下文协议）服务器管理**\n- 完整的 MCP 服务器配置界面\n- 常用 MCP 服务器图库，支持一键安装\n- 自定义 MCP 服务器创建，并进行验证\n- 服务器管理功能（编辑、删除、启用\u002F禁用）\n- 自动集成权限服务器\n- WSL 路径转换，提升跨平台兼容性\n\n#### **侧边栏集成与多面板支持**\n- 原生 VS Code 侧边栏视图，支持完整聊天功能\n- 智能面板管理（侧边栏打开时自动关闭主面板）\n- 会话状态在不同面板间持久化\n- 合理的 Webview 生命周期管理\n- 活动栏集成，并配备自定义图标\n\n#### **图片与剪贴板增强**\n- 支持直接将图片拖拽到聊天窗口\n- 剪贴板粘贴图片功能（Ctrl+V 可用于截图）\n- 使用 VS Code 原生文件选择器实现多张图片选择\n- 自动将图片整理到 `.claude\u002Fclaude-code-chat-images\u002F` 文件夹\n- 自动为图片文件夹生成 `.gitignore`\n- 支持 PNG、JPG、JPEG、GIF、SVG、WebP、BMP 等格式\n\n#### **代码块与语法改进**\n- 增强的 Markdown 解析，准确识别代码块\n- 代码块语法高亮，支持语言检测\n- 代码块复制到剪贴板功能\n- 改进的行内代码渲染\n- 更好地处理技术标识符和下划线\n\n### 🎨 UI\u002FUX 优化\n\n#### **设置与配置**\n- 全面的设置模态框，分模块清晰组织\n- YOLO 模式开关，配有可视化警告和说明\n- 设置界面与 VS Code 配置实时同步\n- 更优的视觉层级和专业化的样式设计\n- 智能配置验证与错误处理\n\n#### **消息与聊天界面**\n- 改进的消息间距和视觉一致性\n- 工具结果展示优化，格式更美观\n- 智能滚动行为（仅当用户位于底部时自动滚动）\n- 加载指示器和处理状态提示\n- 更完善的错误处理与用户反馈\n\n#### **YOLO 模式的视觉设计**\n- YOLO 模式区域更加醒目（提高不透明度并增大尺寸）\n- 将警告图标由 ⚠️ 改为 🚀，外观更友好\n- 采用柔和的番茄红配色，既显眼又不具威胁感\n- 清晰说明 YOLO 模式的功能\n\n### 🔧 技术细节","2025-07-16T00:27:59",{"id":174,"version":175,"summary_zh":176,"released_at":177},306274,"0.1.3","### 🚀 新增功能\n\n#### **MultiEdit 与编辑工具差异显示**\n- 为 MultiEdit 工具操作新增了全面的差异可视化功能\n- 显示文件路径，并支持点击打开\n- 多个编辑以编号标签形式呈现（编辑 #1、编辑 #2 等）\n- 智能截断处理——在行数限制内完整展示编辑内容\n- 可展开界面，配备“显示 X 处更多编辑”按钮\n- 各项编辑之间设有视觉分隔线\n- 风格与现有编辑工具的差异显示保持一致\n\n#### **工具结果管理优化**\n- 将 MultiEdit 添加到隐藏的工具结果列表中，使界面更整洁\n- Read、Edit、TodoWrite 和 MultiEdit 的工具结果现显示加载状态，而非单调的成功提示\n- 通过隐藏冗余的“工具执行成功”消息，提升用户体验\n\n### 🎨 UI\u002FUX 改进\n\n#### **思考强度弹窗优化**\n- 修复了用户确认前思考模式切换文本即发生变化的 bug\n- 切换文本仅在用户点击“确认”按钮后更新\n- 在探索选项时，预览选中的高亮效果仍可正常使用\n- 通过规范的确认流程，进一步提升用户体验\n\n#### **消息间距统一**\n- 统一了工具消息与用户及 Claude 消息之间的间距\n- 将工具输入区域的内边距由 12px 调整为 8px，与消息间距对齐\n- 实现所有消息类型的视觉一致性\n\n#### **视觉设计优化**\n- 将 MultiEdit 的编辑编号标签由紫色改为更低调专业的样式\n- 采用 VS Code 主题色，实现更好融合\n- 通过更为沉稳的配色方案，提升整体视觉协调性\n\n### 🔧 技术改进\n- 增强了工具消息格式化基础架构\n- 提升了多处编辑差异渲染性能\n- 改进了对格式错误的 MultiEdit 工具输入的错误处理能力\n- 优化了复杂多编辑操作的截断逻辑","2025-06-24T17:01:04",{"id":179,"version":180,"summary_zh":181,"released_at":182},306275,"0.1.0","## [0.1.0] - 2025-06-20\n\n### 🚀 主要功能新增\n\n#### **可调节强度的交互式思考模式**\n- 新增可配置的思考模式，提供4个强度级别：思考、深入思考、更深入思考、超深度思考\n- 设置界面中配备精美的滑块，用于选择思考强度\n- 可点击的强度标签，方便快速选择\n- 不同强度等级会生成相应的思考提示\n- 较高的强度会提供更详细的推理过程，但会消耗更多Token\n- 设置可在不同会话间保持一致，并与VS Code配置集成\n\n#### **先规划模式**\n- 新增“先规划”开关，指示Claude在进行更改前先制定计划\n- 在执行具体实现之前需要用户确认\n- 针对复杂变更提供更安全的实验流程\n- 文本输入区域上方设有简洁的切换按钮\n\n#### **斜杠命令弹出式面板系统**\n- 输入“\u002F”即可打开包含19+条命令的精美斜杠命令面板\n- 完整集成Claude Code命令：\u002Fbug、\u002Fclear、\u002Fcompact、\u002Fconfig、\u002Fcost、\u002Fdoctor、\u002Fhelp、\u002Finit、\u002Flogin、\u002Flogout、\u002Fmcp、\u002Fmemory、\u002Fmodel、\u002Fpermissions、\u002Fpr_comments、\u002Freview、\u002Fstatus、\u002Fterminal-setup、\u002Fvim\n- 提供自定义命令输入框，可执行任意Claude Code命令\n- 命令执行具备会话感知能力，支持自动恢复当前会话\n- 命令将在VS Code终端中打开，并完美支持WSL环境\n- 提供视觉反馈和用户引导，便于终端交互操作\n\n#### **模型配置增强**\n- 将“默认”模型选项更新为显示“用户已配置”，而非“智能分配”\n- 在“默认”模型选项旁新增“配置”按钮\n- 点击“配置”按钮将打开终端并运行`claude \u002Fmodel`命令，方便用户快速设置模型\n- 模型配置具备会话感知能力，能根据当前会话上下文进行调整\n- 对用户与终端交互及返回工作流进行了清晰说明\n\n#### **高级设置管理**\n- 重新组织设置界面，优化布局与分组\n- 新增“即将推出”板块，分别用于自定义斜杠命令和MCP配置\n- 所有设置板块采用统一的UI设计模式\n- 整体设计简洁专业，与VS Code风格保持一致\n\n### 🎨 **UI\u002FUX优化**\n- 更小、更低调的模式切换开关（尺寸缩小2px）\n- 所有切换开关均配有可点击的文本标签\n- 改进了滑块的位置与标签对齐方式\n- 采用沉稳、简洁的界面设计，避免使用不必要的色彩与装饰\n- 设置弹出框中的视觉层次更加清晰\n- 响应式设计进一步优化\n\n### 🔧 **技术改进**\n- 所有斜杠命令现均会传递会话ID，以确保上下文感知\n- 前后端消息处理机制得到优化\n- 错误处理与用户反馈更加完善\n- 所有新功能的WSL兼容性进一步提升\n- 代码结构模块化，便于后续维护\n\n### 📚 **文档更新**\n- 更新了快捷键文档\n- 丰富了配置示例\n- 改进了功能描述及使用场景示例","2025-06-20T21:49:04"]