Skip to content

Portal Feature: changes to ai/mcp page to add buttons for downloading #7890

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 5 commits into from
Aug 21, 2025
Merged

Portal Feature: changes to ai/mcp page to add buttons for downloading #7890

Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
c3f13b7
changes to ai/mcp page to add buttons for downloading
eabdelmoneim Aug 20, 2025
2fedbf2
removed extra comma in vscode and windsurf json
eabdelmoneim Aug 20, 2025
bd85eb8
fixed name of mcp in vs code case
eabdelmoneim Aug 21, 2025
0248426
code rabbit fixes
eabdelmoneim Aug 21, 2025
91e5f78
Merge branch 'main' into ea-add-mcp-download
eabdelmoneim Aug 21, 2025
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
40 changes: 32 additions & 8 deletions apps/portal/src/app/ai/mcp/page.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,4 +1,7 @@
import { Tabs, TabsList, TabsTrigger, TabsContent } from "@/components/ui/tabs";
import { Button } from "@/components/ui/button";
import { ArrowDownIcon } from "lucide-react";
import Link from "next/link";

# MCP server

Expand Down Expand Up @@ -29,13 +32,24 @@ You can also use the MCP server on your own LLM client, like cursor, claude code

<TabsContent value="cursor">

Add the following to your `.cursor/mcp.json` file:
<Button
asChild
className="flex items-center gap-3 bg-card mb-4 justify-start w-fit shadow-md hover:shadow-lg transition-shadow border-2"
variant="outline"
>
<Link href="cursor://anysphere.cursor-deeplink/mcp/install?name=thirdweb-api&config=eyJ1cmwiOiJodHRwczovL2FwaS50aGlyZHdlYi5jb20vbWNwP3NlY3JldEtleT1ZT1VSX1NFQ1JFVF9LRVlfSEVSRSJ9" className="flex items-center gap-3">
<ArrowDownIcon className="size-4 flex-shrink-0" />
<span>Install into Cursor</span>
</Link>
</Button>

Add the following to your `.cursor/mcp.json` file (replace `YOUR_SECRET_KEY_HERE` with your thirdweb secret key):

```json
{
"mcpServers": {
"thirdweb-api": {
"url": "https://api.thirdweb.com/mcp?secretKey=<your-project-secret-key>",
"url": "https://api.thirdweb.com/mcp?secretKey=YOUR_SECRET_KEY_HERE"
}
}
}
Expand All @@ -51,7 +65,7 @@ Add the following to your `~/.codeium/windsurf/mcp_config.json` file:
{
"mcpServers": {
"thirdweb-api": {
"url": "https://api.thirdweb.com/mcp?secretKey=<your-project-secret-key>",
"url": "https://api.thirdweb.com/mcp?secretKey=YOUR_SECRET_KEY_HERE"
}
}
}
Expand All @@ -61,13 +75,24 @@ Add the following to your `~/.codeium/windsurf/mcp_config.json` file:

<TabsContent value="vscode">

Add the following to your VS Code `.vscode/mcp.json` file:
<Button
asChild
className="flex items-center gap-3 bg-card mb-4 justify-start w-fit shadow-md hover:shadow-lg transition-shadow border-2"
variant="outline"
>
<Link href="https://vscode.dev/redirect/mcp/install?name=thirdweb-api&config=%7B%22type%22%3A%22http%22%2C%22url%22%3A%22https%3A%2F%2Fapi.thirdweb.com%2Fmcp%22%2C%22secret%22%3A%22YOUR_SECRET%22%7D" className="flex items-center gap-3" target="_blank" rel="noopener noreferrer">
<ArrowDownIcon className="size-4 flex-shrink-0" />
<span>Install into VS Code</span>
</Link>
</Button>

Add the following to your VS Code `.vscode/mcp.json` file (replace `YOUR_SECRET_KEY_HERE` with your thirdweb secret key):

```json
{
"mcp.servers": {
"thirdweb-api": {
"url": "https://api.thirdweb.com/mcp?secretKey=<your-project-secret-key>",
"url": "https://api.thirdweb.com/mcp?secretKey=YOUR_SECRET_KEY_HERE"
}
}
}
Expand All @@ -77,10 +102,10 @@ Add the following to your VS Code `.vscode/mcp.json` file:

<TabsContent value="claudecode">

Run the following command to add the MCP server to your Claude Code configuration:
Run the following command to add the MCP server to your Claude Code configuration (replace `YOUR_SECRET_KEY_HERE` with your thirdweb secret key):

```bash
claude mcp add --transport http "thirdweb-api" "https://api.thirdweb.com/mcp?secretKey=<your-project-secret-key>"
claude mcp add --transport http "thirdweb-api" "https://api.thirdweb.com/mcp?secretKey=YOUR_SECRET_KEY_HERE"
```

</TabsContent>
Expand Down Expand Up @@ -139,4 +164,3 @@ List my contracts
```
approve 100 USDC from treasury wallet to executor wallet
```

Loading