claude-code-zed

🥈Silver

@jiahaoxiang2000

Claude Code Zed integration enables developers to use Claude Code CLI within the Zed editor. It benefits developers who prefer Zed for coding tasks. The integration connects Claude Code's AI capabilities to Zed's workflow, enhancing productivity. Note that this extension is archived and no longer maintained.

233190Updated 1mo ago

Intermediate30min to implementautomation

Saves ~60 min per use

Quick InstallView Source

git clone https://github.com/jiahaoxiang2000/claude-code-zed.git

Works with:

Claude

Overview

About This Skill

Claude Code Zed Integration connects Claude Code CLI with the Zed editor to enable AI-assisted coding workflows. The extension allows developers to share selected text and file references from Zed to Claude Code via WebSocket communication. It supports Rust, JavaScript, TypeScript, Python, and Markdown files across macOS and Linux platforms. The extension automatically activates when opening supported file types and can be extended to additional languages. However, this project is archived and no longer actively maintained; the development team now recommends using VSCode integration for Claude Code CLI instead.

How to Use

1. **Install the extension**: Ensure claude-code-zed is installed in Zed (note: this extension is archived, so you may need to use an alternative like claude-code CLI directly). 2. **Open a project**: Launch Zed and open the project directory you want to modify. 3. **Run claude-code**: Use the Zed command palette (Cmd+Shift+P) to run `claude-code: Execute Command` and enter your task, e.g., 'refactor the authentication module to use TypeScript'. 4. **Review changes**: Check the Zed file explorer for modified files and use the built-in diff viewer to review changes before applying. 5. **Test locally**: Run your project’s test suite or manual checks to ensure the changes work as intended. Tip: For complex tasks, break them into smaller prompts (e.g., 'first add TypeScript interfaces, then refactor the AuthService class') to improve accuracy.

Use Cases

Share selected code snippets from Zed to Claude Code CLI for analysis

Get AI-assisted coding help while working in Zed editor

Extend Claude Code integration to custom file types via configuration

Develop locally on macOS (Intel/ARM) or Linux with Zed and Claude Code

Setup & Installation

Quick Install

No install command available. Check the GitHub repository for manual installation instructions.

Alternative Install (Git Clone)

git clone https://github.com/jiahaoxiang2000/claude-code-zed

Requirements

Claude Code or compatible AI agent
Works with: Claude

Quick Start Guide

Install the Skill

Copy the install command above and run it in your terminal.

Open Your AI Agent

Launch Claude Code, Cursor, or your preferred AI coding agent.

Try It Out

Use the prompt template or examples below to test the skill.

Customize

Adapt the skill to your specific use case and workflow.

Usage Examples

Prompt Template

Use claude-code-zed to [TASK] in the Zed editor. For example: 'refactor the authentication module in the React app to use TypeScript interfaces' or 'debug the memory leak in the Python data processing script'. Ensure the changes are applied directly to the Zed workspace.

Example Output

Here’s the refactored authentication module using claude-code-zed in Zed:

```typescript
// src/auth/types.ts
interface User {
  id: string;
  email: string;
  roles: string[];
}

interface AuthState {
  user: User | null;
  token: string | null;
  loading: boolean;
}

// src/auth/authService.ts
class AuthService {
  private async validateToken(token: string): Promise<User> {
    const response = await fetch('/api/validate', {
      headers: { Authorization: `Bearer ${token}` }
    });
    if (!response.ok) throw new Error('Invalid token');
    return response.json();
  }

  async login(email: string, password: string): Promise<AuthState> {
    const response = await fetch('/api/login', {
      method: 'POST',
      body: JSON.stringify({ email, password })
    });
    const { token } = await response.json();
    const user = await this.validateToken(token);
    return { user, token, loading: false };
  }
}
```

Changes applied:
1. Added TypeScript interfaces for `User` and `AuthState` to enforce type safety.
2. Refactored `AuthService` to use async/await for token validation.
3. Updated the login method to return a properly typed `AuthState`.

The Zed editor shows no errors in the TypeScript compilation, and the changes are reflected in the workspace files. To test, run `npm run dev` and verify the login flow works as expected.