# VS Code

VS Code に Lockpick を追加すると、そのエージェントがサイトを確認し、Lockpick が見つけた問題を修正できます。

アシスタントを接続すると、あなたの Lockpick アカウントを使って、サイトの確認、レポートの読み取り、Lockpick が見つけた問題の修正を手伝ってもらえます。アシスタントがスキャナーを直接実行することはありません。Lockpick に問い合わせ、Lockpick がウェブアプリと同じ制限付きの読み取り専用チェックを実行します。

## VS Code に接続

[Add to VS Code](vscode:mcp/install?%7B%22name%22%3A%22lockpick%22%2C%22type%22%3A%22http%22%2C%22url%22%3A%22https%3A%2F%2Fmcp.lockpick.app%2Fmcp%22%7D)

VS Code opens and asks to add Lockpick. Sign in when it asks.

Or add this to `.vscode/mcp.json` in your project.

```
{
  "servers": {
    "lockpick": {
      "type": "http",
      "url": "https://mcp.lockpick.app/mcp"
    }
  }
}
```

Sign in from your terminal, the window where developers type commands. You approve it in your browser.

```
npx lockpicks login --host https://www.lockpick.app
```

Then add this to `.vscode/mcp.json` in your project.

```
{
  "servers": {
    "lockpick": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "lockpicks",
        "mcp"
      ],
      "env": {
        "LOCKPICK_HOST": "https://www.lockpick.app"
      }
    }
  }
}
```

## 試してみる

接続できたら、次のような依頼をしてみてください。

```text title="プロンプト"
Use Lockpick to check my site and explain the most important fix in plain words.
```

[効果的なプロンプト](/ja/docs/ai/prompts) にはさらに例があります。[権限](/ja/docs/mcp/permissions) では、アシスタントにできることとできないことを説明しています。