diff --git a/apps/web/src/app/(profile)/[username]/collections/[slug]/CollectionDetailClient.tsx b/apps/web/src/app/(profile)/[username]/collections/[slug]/CollectionDetailClient.tsx index 17848a9..3592810 100644 --- a/apps/web/src/app/(profile)/[username]/collections/[slug]/CollectionDetailClient.tsx +++ b/apps/web/src/app/(profile)/[username]/collections/[slug]/CollectionDetailClient.tsx @@ -126,14 +126,15 @@ function McpUrlSection({ setTimeout(() => setCopiedUrl(null), 2000); }; + // Claude Code CLI command (correct arg order: options before name and url) + const claudeCodeCommand = `claude mcp add --transport http tpmjs-${slug} ${httpUrl}`; + + // Claude Desktop native HTTP config const configSnippet = `{ "mcpServers": { "tpmjs-${slug}": { - "command": "npx", - "args": [ - "mcp-remote", - "${httpUrl}" - ] + "type": "http", + "url": "${httpUrl}" } } }`; @@ -232,6 +233,27 @@ const response = await fetch("${httpUrl}", { )} + {/* Claude Code CLI command */} +
+

Add to Claude Code

+
+
+            {claudeCodeCommand}
+          
+ +
+

+ Run /mcp in Claude Code to verify the connection. +

+
+ {/* Config snippet toggle */}
+ {/* Claude Code CLI command */}
+

Add to Claude Code

+
+
+                    {claudeCodeCommand}
+                  
+ +
+

+ Replace YOUR_TPMJS_API_KEY with your{' '} + + TPMJS API key + + . Then run /mcp in Claude Code to verify. +

+
+ +