Claudix
VS Code extension for Claude Code — integrates Claude AI directly into your editor for interactive coding assistance
This VS Code extension brings Claude AI directly into your editor, providing an interactive coding assistant that understands your project context. It offers session management, conversation history, intelligent file operations, and terminal command execution with permission-based tool access. Built with the Claude Agent SDK, it supports multiple Claude models and real-time streaming responses.
- Interactive chat interface with Claude
- Manages conversation history and sessions
- Intelligent file operations and code analysis
- Executes terminal commands securely
- Permission-based tool access for operations
README
View on GitHub ↗Claudix
English | 简体中文
A VSCode extension that brings Claude Code directly into your editor.
Overview
Claude Code integrates Claude AI into VSCode, providing an interactive coding assistant with conversation history, tool integration, and intelligent code understanding.
Features
- Interactive chat interface with Claude Code
- Session management and conversation history
- Intelligent file operations and code analysis
- Terminal command execution
- Permission-based tool access
- Support for multiple Claude models
- Real-time streaming responses
- Syntax highlighting and markdown rendering
Installation
# Install dependencies
pnpm install
# Build the extension
pnpm build
# Package as VSIX
pnpm package
Install the generated .vsix file in VSCode through Extensions > Install from VSIX.
Development
Running in Development Mode
Start the development server with hot module replacement:
pnpm dev
This will concurrently start:
- Vite dev server (port 5173) for the webview
- esbuild watcher for the extension
Debugging
Open the project in VSCode and use the debugging configurations:
Run Extension
Full build mode without HMR. The extension will be built from scratch before launching.
- Press
F5or select "Run Extension" from the debug panel - Suitable for production-like testing
Run Extension (HMR)
Development mode with hot module replacement for the webview.
- Select "Run Extension (HMR)" from the debug panel
- Webview changes will reload automatically without restarting the extension
- Faster iteration during development
Build Commands
# Build everything
pnpm build
# Build extension only
pnpm build:extension
# Build webview only
pnpm build:webview
# Run tests
pnpm test
# Type checking
pnpm typecheck:all
Usage
- Open the Claude Code sidebar from the activity bar
- Start a new conversation or continue from history
- Ask questions, request code changes, or get help with your project
- Review and approve tool operations when prompted
Requirements
- VSCode >= 1.98.0
- Node.js >= 18.0.0
Contributing
Contributions are welcome! If you would like to contribute to this project, please open an issue first to discuss your ideas or proposed changes.
License
AGPL-3.0
Star History
Similar agent sdk apps
hermes-agent
Self-improving AI agent platform — autonomously creates skills, learns from experience, runs anywhere
OpenHands
AI agent SDK for autonomous software development — self-hosted alternative to Devin and Jules
cline
Claude agent for VS Code — automates coding, debugging, and deployment, builds custom MCP tools
crewAI
Multi-agent orchestration framework for collaborative AI agents, independent of LangChain