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.
git clone https://github.com/jiahaoxiang2000/claude-code-zed.gitClaude 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.
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.
No install command available. Check the GitHub repository for manual installation instructions.
git clone https://github.com/jiahaoxiang2000/claude-code-zedCopy the install command above and run it in your terminal.
Launch Claude Code, Cursor, or your preferred AI coding agent.
Use the prompt template or examples below to test the skill.
Adapt the skill to your specific use case and workflow.
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.
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.Create Beautiful Branded Deliverables. Ship Professionally. Repeat.
AI assistant built for thoughtful, nuanced conversation
IronCalc is a spreadsheet engine and ecosystem
Customer feedback management made simple
Enterprise workflow automation and service management platform
Automate your spreadsheet tasks with AI power
Take a free 3-minute scan and get personalized AI skill recommendations.
Take free scan