Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
60 changes: 60 additions & 0 deletions adminforth/documentation/blog/2025-10-21-context7-setup/index.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,60 @@
---
slug: context7-setup-vscode
title: "How to set up Context7 MCP in Visual Studio Code"
authors: ypechorkin
tags: [context7, MCP]
description: "Context7 MCP installation guide"
---

This guide shows how you can set up Context7 MCP in your Visual Studio Code IDE (VS Code)
<!-- truncate -->

### Preparation

First of all, you'll need to update VS Code to version 1.105.1 or higher. To check your version, go to `Help -> About`.

If you used a `.deb` file to install VS Code, just run these commands in the terminal to install updates:
```bash
sudo apt update
sudo apt install code
```

Before opening VS Code, we need to get the Context7 API key. For this, go to https://context7.com/dashboard, create a new account, and copy the API key.

### Setup

Now we can proceed with the setup:
1) After opening VS Code, go to the extensions tab, where you'll see the new `MCP SERVERS` tab. Click on `Enable MCP Servers Marketplace`.
![](image_1.png)

2) Find Context7 in the list and press `Install`:
![](image_2.png)

3) Go to `Show Configuration JSON`:
![](image_3.png)

4) Click `Edit`:
![](image_4.png)

5) Insert your API key:
![](image_5.png)

The installation is complete. You can now use it.

### Example: Installation of the Bulk-ai-flow Plugin

Here is an example prompt you can use to add the adminforth bulk-ai-flow plugin:

**Prompt:**
`Add adminforth bulk-ai-flow plugin to this file using only Context7 MCP`

**Generated Code:**
![](image_6.png)

**Result:**
![](image_7.png)

As we can see, the generation works really well.

### Tips
If you don’t want to add `use context7` to every prompt, you can [define a simple rule in your MCP client's rule section](https://github.com/upstash/context7?tab=readme-ov-file#-tips).
7 changes: 6 additions & 1 deletion adminforth/documentation/blog/authors.yml
Original file line number Diff line number Diff line change
Expand Up @@ -12,4 +12,9 @@ vkulyk:
name: Vitalii Kulyk
title: Developer of AdminForth
url: https://github.com/SerVitasik
image_url: https://avatars.githubusercontent.com/u/87546293?v=4
image_url: https://avatars.githubusercontent.com/u/87546293?v=4
ypechorkin:
name: Yaroslav Pechorkin
title: Developer of AdminForth
url: https://github.com/yaroslav8765
image_url: https://avatars.githubusercontent.com/u/189334989?v=4