jpskill.com
🛠️ 開発・MCP コミュニティ

zed

Rust製の高性能コードエディタZedの設定、拡張機能作成、共同編集環境構築、AIアシスタント連携などを支援し、開発者がより効率的にコーディングするための専門的なアドバイスを提供するSkill。

📜 元の英語説明(参考)

Expert guidance for Zed, the high-performance code editor built in Rust with native collaboration, AI integration, and GPU-accelerated rendering. Helps developers configure Zed, create custom extensions, set up collaborative editing sessions, and integrate AI assistants for productive coding.

🇯🇵 日本人クリエイター向け解説

一言でいうと

Rust製の高性能コードエディタZedの設定、拡張機能作成、共同編集環境構築、AIアシスタント連携などを支援し、開発者がより効率的にコーディングするための専門的なアドバイスを提供するSkill。

※ jpskill.com 編集部が日本のビジネス現場向けに補足した解説です。Skill本体の挙動とは独立した参考情報です。

⚡ おすすめ: コマンド1行でインストール(60秒)

下記のコマンドをコピーしてターミナル(Mac/Linux)または PowerShell(Windows)に貼り付けてください。 ダウンロード → 解凍 → 配置まで全自動。

🍎 Mac / 🐧 Linux
mkdir -p ~/.claude/skills && cd ~/.claude/skills && curl -L -o zed.zip https://jpskill.com/download/15590.zip && unzip -o zed.zip && rm zed.zip
🪟 Windows (PowerShell)
$d = "$env:USERPROFILE\.claude\skills"; ni -Force -ItemType Directory $d | Out-Null; iwr https://jpskill.com/download/15590.zip -OutFile "$d\zed.zip"; Expand-Archive "$d\zed.zip" -DestinationPath $d -Force; ri "$d\zed.zip"

完了後、Claude Code を再起動 → 普通に「動画プロンプト作って」のように話しかけるだけで自動発動します。

💾 手動でダウンロードしたい(コマンドが難しい人向け)
  1. 1. 下の青いボタンを押して zed.zip をダウンロード
  2. 2. ZIPファイルをダブルクリックで解凍 → zed フォルダができる
  3. 3. そのフォルダを C:\Users\あなたの名前\.claude\skills\(Win)または ~/.claude/skills/(Mac)へ移動
  4. 4. Claude Code を再起動

⚠️ ダウンロード・利用は自己責任でお願いします。当サイトは内容・動作・安全性について責任を負いません。

🎯 このSkillでできること

下記の説明文を読むと、このSkillがあなたに何をしてくれるかが分かります。Claudeにこの分野の依頼をすると、自動で発動します。

📦 インストール方法 (3ステップ)

  1. 1. 上の「ダウンロード」ボタンを押して .skill ファイルを取得
  2. 2. ファイル名の拡張子を .skill から .zip に変えて展開(macは自動展開可)
  3. 3. 展開してできたフォルダを、ホームフォルダの .claude/skills/ に置く
    • · macOS / Linux: ~/.claude/skills/
    • · Windows: %USERPROFILE%\.claude\skills\

Claude Code を再起動すれば完了。「このSkillを使って…」と話しかけなくても、関連する依頼で自動的に呼び出されます。

詳しい使い方ガイドを見る →
最終更新
2026-05-18
取得日時
2026-05-18
同梱ファイル
1

📖 Skill本文(日本語訳)

※ 原文(英語/中国語)を Gemini で日本語化したものです。Claude 自身は原文を読みます。誤訳がある場合は原文をご確認ください。

Zed — 高性能コードエディタ

概要

Zedは、Rustで構築された高性能コードエディタであり、ネイティブなコラボレーション、AI統合、GPUによる高速レンダリングが特徴です。開発者がZedを設定し、カスタム拡張機能を作成し、共同編集セッションをセットアップし、生産的なコーディングのためにAIアシスタントを統合するのに役立ちます。

手順

設定

JSON設定を通じてZedをカスタマイズします。

// ~/.config/zed/settings.json — メイン設定ファイル
{
  // エディタの外観と動作
  "theme": "One Dark",
  "ui_font_size": 14,
  "buffer_font_size": 14,
  "buffer_font_family": "JetBrains Mono",
  "buffer_line_height": { "custom": 1.6 },

  // Vimモード (組み込み、拡張機能は不要)
  "vim_mode": true,
  "vim": {
    "use_system_clipboard": "always",
    "use_smartcase_find": true
  },

  // タブとインデント
  "tab_size": 2,
  "hard_tabs": false,
  "format_on_save": "on",
  "formatter": "language_server",

  // Git統合
  "git": {
    "inline_blame": { "enabled": true, "delay_ms": 500 },
    "git_gutter": "tracked_files"
  },

  // AIアシスタントの設定
  "assistant": {
    "enabled": true,
    "default_model": {
      "provider": "anthropic",
      "model": "claude-sonnet-4-20250514"
    },
    "version": "2"     // Assistant v2 パネルを使用
  },

  // インライン補完 (コードの提案)
  "inline_completions": {
    "disabled_globs": [".env", "*.pem", "*.key"]
  },

  // 言語固有の設定
  "languages": {
    "TypeScript": {
      "tab_size": 2,
      "formatter": { "external": { "command": "prettier", "arguments": ["--stdin-filepath", "{buffer_path}"] } }
    },
    "Python": {
      "tab_size": 4,
      "formatter": { "external": { "command": "ruff", "arguments": ["format", "--stdin-filename", "{buffer_path}"] } }
    },
    "Rust": {
      "tab_size": 4,
      "formatter": "language_server"
    }
  },

  // ターミナル
  "terminal": {
    "shell": { "program": "zsh" },
    "font_size": 13,
    "line_height": { "custom": 1.4 },
    "copy_on_select": true
  },

  // ファイルツリー
  "project_panel": {
    "auto_reveal_entries": true,
    "auto_fold_dirs": true,
    "file_icons": true
  },

  // パフォーマンス
  "autosave": { "after_delay": { "milliseconds": 1000 } },
  "soft_wrap": "editor_width"
}

キーバインド

カスタムキーボードショートカットを設定します。

// ~/.config/zed/keymap.json — カスタムキーバインド
[
  // ファイルのクイック切り替え (VS Code の Cmd+P のように)
  {
    "context": "Workspace",
    "bindings": {
      "cmd-p": "file_finder::Toggle",
      "cmd-shift-p": "command_palette::Toggle",
      "cmd-shift-f": "project_search::ToggleFocus",
      "cmd-b": "workspace::ToggleLeftDock",
      "cmd-j": "terminal_panel::ToggleFocus",
      // カスタム: AIアシスタントパネルを開く
      "cmd-shift-a": "assistant::ToggleFocus",
      // カスタム: インラインAI補完の切り替え
      "cmd-shift-i": "editor::ToggleInlineCompletions"
    }
  },
  // エディタ固有のバインド
  {
    "context": "Editor",
    "bindings": {
      "cmd-d": "editor::SelectNext",                    // マルチカーソルで次のマッチを選択
      "cmd-shift-l": "editor::SelectAllMatches",        // すべての一致を選択
      "alt-up": "editor::MoveLineUp",
      "alt-down": "editor::MoveLineDown",
      "cmd-shift-k": "editor::DeleteLine",
      "cmd-/": "editor::ToggleComments",
      // クイックAIアクション
      "ctrl-l": "assistant::InlineAssist"               // カーソル位置でインラインAI編集
    }
  },
  // Vim固有のオーバーライド
  {
    "context": "VimControl",
    "bindings": {
      "space f": "file_finder::Toggle",
      "space g": "project_search::ToggleFocus",
      "space e": "project_panel::ToggleFocus",
      "space a": "assistant::ToggleFocus",
      "space t": "terminal_panel::ToggleFocus"
    }
  }
]

共同編集

リアルタイムのペアプログラミングセッションを設定します。

## Zedでのコラボレーションの仕組み

1. **セッションを開始**: タイトルバーの「共有」をクリックするか、`collaboration::ShareProject`を実行します
2. **リンクを共有**: 招待リンクをコピーしてチームメイトに送信します
3. **リアルタイム編集**: すべての参加者が互いのカーソルと編集を即座に確認できます
4. **フォローモード**: コラボレーターのアバターをクリックして、そのカーソルをフォローします (相手が見ているものを確認できます)
5. **ボイスチャット**: 組み込みのボイスチャネル — 個別の通話は不要です

### コラボレーション機能
- **共有ターミナル**: コラボレーターはあなたのターミナル出力を確認できます
- **共有診断**: LSPのエラーと警告はすべての参加者に表示されます
- **コンフリクトフリー**: 同時編集の解決にCRDT (Yjsと同様) を使用
- **低レイテンシ**: 良好な接続では、編集が50ms未満で伝播

AIアシスタントの使用

コーディングタスクにZedの統合AIを活用します。

## ZedでのAIワークフロー

### インラインアシスト (Ctrl+L)
コードを選択 → Ctrl+L → 指示を入力:
- "この関数にエラー処理を追加"
- "async/awaitを使用するようにリファクタリング"
- "TypeScriptの型を追加"
- "これのユニットテストを作成"

### アシスタントパネル (Cmd+Shift+A)
AIとの完全な会話、コードベースからのコンテキスト付き:
- ファイルをパネルにドラッグしてコンテキストとして追加
- `/file`を使用して特定のファイルを参照
- `/tab`を使用して、開いているすべてのタブをコンテキストとして含める
- コードベースに関するアーキテクチャ上の質問をする

### アシスタントのスラッシュコマンド
- `/file path/to/file.ts` — ファイルの内容をコンテキストとして含める
- `/tab` — 開いているすべてのエディタタブを含める
- `/diagnostics` — 現在のLSPエラー/警告を含める
- `/selection` — 現在選択されているコードを含める
- `/terminal` — 最近のターミナル出力を含める

拡張機能の開発

Zed用のカスタム拡張機能を構築します。

// extensions/my-extension/src/lib.rs — Rust (WASM) での Zed 拡張機能
use zed_extension_api::{self as zed, Result};

struct MyExtension;

impl zed::Extension for MyExtension {
    fn new() -> Self { MyExtension }

    fn language_server_command(
        &mut self,
        _language_server_id: &zed::LanguageServerId,
        worktree: &zed::Worktree,
    ) -> Result<zed::Command> {
        // カスタム言語を構成します

(原文はここで切り詰められています)
📜 原文 SKILL.md(Claudeが読む英語/中国語)を展開

Zed — High-Performance Code Editor

Overview

Zed, the high-performance code editor built in Rust with native collaboration, AI integration, and GPU-accelerated rendering. Helps developers configure Zed, create custom extensions, set up collaborative editing sessions, and integrate AI assistants for productive coding.

Instructions

Configuration

Customize Zed through its JSON settings:

// ~/.config/zed/settings.json — Main configuration file
{
  // Editor appearance and behavior
  "theme": "One Dark",
  "ui_font_size": 14,
  "buffer_font_size": 14,
  "buffer_font_family": "JetBrains Mono",
  "buffer_line_height": { "custom": 1.6 },

  // Vim mode (built-in, no extension needed)
  "vim_mode": true,
  "vim": {
    "use_system_clipboard": "always",
    "use_smartcase_find": true
  },

  // Tab and indentation
  "tab_size": 2,
  "hard_tabs": false,
  "format_on_save": "on",
  "formatter": "language_server",

  // Git integration
  "git": {
    "inline_blame": { "enabled": true, "delay_ms": 500 },
    "git_gutter": "tracked_files"
  },

  // AI Assistant configuration
  "assistant": {
    "enabled": true,
    "default_model": {
      "provider": "anthropic",
      "model": "claude-sonnet-4-20250514"
    },
    "version": "2"     // Use Assistant v2 panel
  },

  // Inline completions (code suggestions)
  "inline_completions": {
    "disabled_globs": [".env", "*.pem", "*.key"]
  },

  // Language-specific settings
  "languages": {
    "TypeScript": {
      "tab_size": 2,
      "formatter": { "external": { "command": "prettier", "arguments": ["--stdin-filepath", "{buffer_path}"] } }
    },
    "Python": {
      "tab_size": 4,
      "formatter": { "external": { "command": "ruff", "arguments": ["format", "--stdin-filename", "{buffer_path}"] } }
    },
    "Rust": {
      "tab_size": 4,
      "formatter": "language_server"
    }
  },

  // Terminal
  "terminal": {
    "shell": { "program": "zsh" },
    "font_size": 13,
    "line_height": { "custom": 1.4 },
    "copy_on_select": true
  },

  // File tree
  "project_panel": {
    "auto_reveal_entries": true,
    "auto_fold_dirs": true,
    "file_icons": true
  },

  // Performance
  "autosave": { "after_delay": { "milliseconds": 1000 } },
  "soft_wrap": "editor_width"
}

Key Bindings

Configure custom keyboard shortcuts:

// ~/.config/zed/keymap.json — Custom keybindings
[
  // Quick file switching (like VS Code Cmd+P)
  {
    "context": "Workspace",
    "bindings": {
      "cmd-p": "file_finder::Toggle",
      "cmd-shift-p": "command_palette::Toggle",
      "cmd-shift-f": "project_search::ToggleFocus",
      "cmd-b": "workspace::ToggleLeftDock",
      "cmd-j": "terminal_panel::ToggleFocus",
      // Custom: open AI assistant panel
      "cmd-shift-a": "assistant::ToggleFocus",
      // Custom: toggle inline AI completions
      "cmd-shift-i": "editor::ToggleInlineCompletions"
    }
  },
  // Editor-specific bindings
  {
    "context": "Editor",
    "bindings": {
      "cmd-d": "editor::SelectNext",                    // Multi-cursor select next match
      "cmd-shift-l": "editor::SelectAllMatches",        // Select all occurrences
      "alt-up": "editor::MoveLineUp",
      "alt-down": "editor::MoveLineDown",
      "cmd-shift-k": "editor::DeleteLine",
      "cmd-/": "editor::ToggleComments",
      // Quick AI actions
      "ctrl-l": "assistant::InlineAssist"               // Inline AI edit at cursor
    }
  },
  // Vim-specific overrides
  {
    "context": "VimControl",
    "bindings": {
      "space f": "file_finder::Toggle",
      "space g": "project_search::ToggleFocus",
      "space e": "project_panel::ToggleFocus",
      "space a": "assistant::ToggleFocus",
      "space t": "terminal_panel::ToggleFocus"
    }
  }
]

Collaborative Editing

Set up real-time pair programming sessions:

## How Collaboration Works in Zed

1. **Start a session**: Click "Share" in the title bar or run `collaboration::ShareProject`
2. **Share the link**: Copy the invite link and send to teammates
3. **Real-time editing**: All participants see each other's cursors and edits instantly
4. **Follow mode**: Click a collaborator's avatar to follow their cursor (see what they see)
5. **Voice chat**: Built-in voice channels — no need for a separate call

### Collaboration Features
- **Shared terminal**: Collaborators can see your terminal output
- **Shared diagnostics**: LSP errors and warnings are visible to all participants
- **Conflict-free**: Uses CRDT (similar to Yjs) for concurrent edit resolution
- **Low latency**: Edits propagate in <50ms on good connections

AI Assistant Usage

Leverage Zed's integrated AI for coding tasks:

## AI Workflows in Zed

### Inline Assist (Ctrl+L)
Select code → Ctrl+L → type instruction:
- "Add error handling to this function"
- "Refactor to use async/await"
- "Add TypeScript types"
- "Write a unit test for this"

### Assistant Panel (Cmd+Shift+A)
Full conversation with AI, with context from your codebase:
- Drag files into the panel to add them as context
- Use `/file` to reference specific files
- Use `/tab` to include all open tabs as context
- Ask architectural questions about your codebase

### Slash Commands in Assistant
- `/file path/to/file.ts` — Include file content as context
- `/tab` — Include all open editor tabs
- `/diagnostics` — Include current LSP errors/warnings
- `/selection` — Include currently selected code
- `/terminal` — Include recent terminal output

Extension Development

Build custom extensions for Zed:

// extensions/my-extension/src/lib.rs — Zed extension in Rust (WASM)
use zed_extension_api::{self as zed, Result};

struct MyExtension;

impl zed::Extension for MyExtension {
    fn new() -> Self { MyExtension }

    fn language_server_command(
        &mut self,
        _language_server_id: &zed::LanguageServerId,
        worktree: &zed::Worktree,
    ) -> Result<zed::Command> {
        // Configure a custom language server
        Ok(zed::Command {
            command: "my-lsp-binary".to_string(),
            args: vec!["--stdio".to_string()],
            env: Default::default(),
        })
    }
}

zed::register_extension!(MyExtension);
# extensions/my-extension/extension.toml — Extension manifest
[extension]
id = "my-extension"
name = "My Extension"
version = "0.1.0"
schema_version = 1
authors = ["Your Name"]
description = "Custom language support for Zed"
repository = "https://github.com/you/zed-my-extension"

[grammars.my-language]
repository = "https://github.com/tree-sitter/tree-sitter-my-language"
commit = "abc123"

[language_servers.my-lsp]
language = "MyLanguage"

Installation

# macOS (official)
brew install --cask zed

# Linux
curl -f https://zed.dev/install.sh | sh

# Build from source
git clone https://github.com/zed-industries/zed.git
cd zed
cargo build --release

Examples

Example 1: Setting up Zed with a custom configuration

User request:

I just installed Zed. Help me configure it for my TypeScript + React workflow with my preferred keybindings.

The agent creates the configuration file with TypeScript-aware settings, configures relevant plugins/extensions for React development, sets up keyboard shortcuts matching the user's preferences, and verifies the setup works correctly.

Example 2: Extending Zed with custom functionality

User request:

I want to add a custom key bindings to Zed. How do I build one?

The agent scaffolds the extension/plugin project, implements the core functionality following Zed's API patterns, adds configuration options, and provides testing instructions to verify it works end-to-end.

Guidelines

  1. Use Vim mode — Zed's Vim emulation is excellent and first-class; combine with Zed-specific keybindings for best productivity
  2. Configure per-language formatting — Set formatters per language (Prettier for JS, Ruff for Python, rustfmt for Rust)
  3. AI context matters — Drag relevant files into the assistant panel; more context = better AI responses
  4. Inline assist for quick edits — Select code + Ctrl+L is faster than copy-pasting into a chat
  5. Use follow mode in pairing — Click a collaborator's avatar to see exactly what they see; great for code reviews
  6. Autosave with delay — 1000ms delay avoids constant disk writes while keeping files saved
  7. Extensions are WASM — Write extensions in Rust compiled to WebAssembly; they run in a sandbox for security
  8. Keyboard-first design — Learn Cmd+P (files), Cmd+Shift+P (commands), Cmd+T (symbols) for fast navigation