You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: docs/introduction/use-with-agents.md
+3-99Lines changed: 3 additions & 99 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -7,7 +7,7 @@ toc:
7
7
8
8
# Use with agents
9
9
10
-
Information about this logging library can be shared with different agents using the [workleap-logging](https://skills.sh/workleap/wl-logging/workleap-logging) agent skill or the [Context7](https://context7.com/) MCP server.
10
+
Information about this logging library can be shared with different agents using the [workleap-logging](https://skills.sh/workleap/wl-logging/workleap-logging) agent skill.
The `skills.sh` CLI will prompt you to choose whether to install the skill globally or within a project. We recommend installing it **locally** so it is available for code review tools such as [Claude Code code review](https://github.com/anthropics/claude-code-action).
21
+
The `skills.sh` CLI will prompt you to choose whether to install the skill globally or within a project. We recommend installing it **locally** so it is available for code review tools such as [Copilot](https://docs.github.com/en/copilot/how-tos/use-copilot-agents/request-a-code-review/use-code-review) or [Claude Code](https://github.com/anthropics/claude-code-action).
22
22
!!!
23
23
24
-
###Try it :rocket:
24
+
## Try it :rocket:
25
25
26
26
Once the skill is installed, start an agent and ask it to setup a project:
27
27
28
28
```
29
29
I'm setting up logging in a new React + TypeScript application. Setup the project to use Workleap logging using the documented APIs and patterns, and write a simple log to the console with a logger.
30
30
```
31
-
32
-
## Setup Context7 MCP server
33
-
34
-
Context7 is an MCP server that provides AI assistants with real-time, version-specific programming documentation and code examples. Instead of relying only on a model's training data, it allows AI tools to fetch up-to-date information directly from authoritative sources (such as the code repository or the official documentation) at request time. This helps reduce hallucinations and errors caused by outdated APIs, especially in coding environments such as IDEs or editor integrations.
35
-
36
-
### VS Code
37
-
38
-
For a quick setup, install the Context7 MCP server directly from the VS Code Marketplace:
39
-
40
-
[<imgalt="Install in VS Code (npx)"src="https://img.shields.io/badge/VS_Code-VS_Code?style=flat-square&label=Install%20Context7%20MCP&color=0098FF" />](https://insiders.vscode.dev/redirect?url=vscode%3Amcp%2Finstall%3F%7B%22name%22%3A%22context7%22%2C%22command%22%3A%22npx%22%2C%22args%22%3A%5B%22-y%22%2C%22%40upstash%2Fcontext7-mcp%40latest%22%5D%7D) [<imgalt="Install in VS Code Insiders (npx)"src="https://img.shields.io/badge/VS_Code_Insiders-VS_Code_Insiders?style=flat-square&label=Install%20Context7%20MCP&color=24bfa5" />](https://insiders.vscode.dev/redirect?url=vscode-insiders%3Amcp%2Finstall%3F%7B%22name%22%3A%22context7%22%2C%22command%22%3A%22npx%22%2C%22args%22%3A%5B%22-y%22%2C%22%40upstash%2Fcontext7-mcp%40latest%22%5D%7D)
41
-
42
-
#### Configuration file
43
-
44
-
Alternatively, you can configure the MCP server manually by updating the VS Code [MCP configuration file](https://code.visualstudio.com/docs/copilot/customization/mcp-servers):
For more details about supported clients and configurations, refer to the Context7 [clients documentation](https://context7.com/docs/resources/all-clients).
76
-
!!!
77
-
78
-
#### Verify the connection
79
-
80
-
Open the Extensions view in VS Code and locate the `context7` MCP server. Click the gear icon to access its settings and confirm that the server is running:
81
-
82
-
:::align-image-left
83
-
{width=449}
84
-
:::
85
-
86
-
### Claude Code
87
-
88
-
To install Context7 with Claude Code, open a terminal and execute one of the following commands:
89
-
90
-
+++ Remote server connection
91
-
```bash
92
-
claude mcp add --header "CONTEXT7_API_KEY: YOUR_OPTIONAL_API_KEY" --transport http context7 https://mcp.context7.com/mcp
93
-
```
94
-
+++ Local server connection
95
-
```bash
96
-
claude mcp add context7 -- pnpmx -y @upstash/context7-mcp --api-key YOUR_OPTIONAL_API_KEY
97
-
```
98
-
+++
99
-
100
-
!!!tip
101
-
For more details and alternative installation options, refer to the Context7 [Claude Code documentation](https://context7.com/docs/clients/claude-code).
Then, select the `Context7 MCP server` to view its details, including connection status, authentication, and available tools:
113
-
114
-
:::align-image-left
115
-
{width=636}
116
-
:::
117
-
118
-
Alternatively, you can verify the connection from a terminal by executing the `claude mcp list` command. The `context7` MCP server should be listed as **connected**.
119
-
120
-
### Try it :rocket:
121
-
122
-
Once the MCP server is set up, ask the agent to use Context7 to perform tasks such as generating boilerplate code:
123
-
124
-
```
125
-
I'm setting up logging in a new React + TypeScript application. Use context7 "/workleap/wl-logging" library to set up Workleap logging using the documented APIs and patterns, and write a simple log to the console with a logger.
0 commit comments