feat(cli): add Claude Code CLI support

- Add claude-code IDE detection (detects `claude` CLI)
- Generate `claude mcp add` command for Claude Code users
- Use HTTP transport with --scope user for global availability
- Auto-install handles existing server (remove + re-add)
- Display appropriate instructions for Claude Code vs other IDEs

Author: johnleider

src/cli/ide/known/claude-code.ts

@@ -0,0 +1,13 @@
+import type { KnownIDE } from '../types.js'
+import { defaultDetection } from '../../detect/index.js'
+
+export const CLAUDE_CODE: KnownIDE = {
+  brand: 'Claude Code',
+  id: 'claude-code',
+  detect: {
+    darwin: defaultDetection('claude'),
+    win32: defaultDetection('claude'),
+    linux: defaultDetection('claude'),
+  },
+  settings: {},
+}

src/cli/ide/known/index.ts

@@ -1,3 +1,4 @@
+export * from './claude-code.js'
 export * from './claude.js'
 export * from './cursor.js'
 export * from './trae.js'

src/cli/ide/types.ts

@@ -1,4 +1,4 @@
-export type IDEId = 'code' | 'trae' | 'cursor' | 'code-insiders' | 'claude' | 'windsurf'
+export type IDEId = 'code' | 'trae' | 'cursor' | 'code-insiders' | 'claude' | 'claude-code' | 'windsurf'
 export type OperatingSystem = 'win32' | 'darwin' | 'linux'
 
 export interface KnownIDE {

src/cli/install-globally.ts

@@ -2,11 +2,31 @@ import { parse } from 'jsonc-parser'
 import { writeFile, readFile } from 'node:fs/promises'
 import { existsSync } from 'node:fs'
 import { resolve } from 'pathe'
-import { getServerConfig, getSettingsPath } from './settings-builder.js'
+import { x } from 'tinyexec'
+import { getServerConfig, getSettingsPath, getClaudeCodeArgs } from './settings-builder.js'
 import type { DetectedIDE } from './ide/types.js'
 import { deepset } from './utils/deepset.js'
 
+async function installClaudeCode () {
+  const args = getClaudeCodeArgs()
+  const result = await x('claude', args)
+
+  if (result.exitCode !== 0) {
+    if (result.stderr.includes('already exists')) {
+      // Remove existing and re-add
+      await x('claude', ['mcp', 'remove', '--scope', 'user', 'vuetify-mcp'])
+      await x('claude', args, { throwOnError: true })
+    } else {
+      throw new Error(result.stderr || 'Failed to add MCP server')
+    }
+  }
+}
+
 async function setIdeSettings (ideInstance: DetectedIDE, remote?: boolean) {
+  if (ideInstance.ide === 'claude-code') {
+    return installClaudeCode()
+  }
+
   if (!ideInstance.settingsDir || !existsSync(ideInstance.settingsDir)) {
     return
   }

src/cli/intro.ts

@@ -12,14 +12,21 @@ const WELCOME_MESSAGE = 'Welcome to the Vuetify MCP Server'
 const CONFIG_TEMPLATE = `
 Open your IDE and paste this into your
 %settings% file (for %brand%):`
+const CLAUDE_CODE_TEMPLATE = `
+Run this command to configure Claude Code:`
 
 export const startMessage = blue(WELCOME_MESSAGE)
 
-const configMessage = (ide: DetectedIDE) => blue(
-  CONFIG_TEMPLATE
-    .replace('%settings%', underline(join(ide.settingsDir, ide.settingsFile)))
-    .replace('%brand%', ide.brand),
-)
+function configMessage (ide: DetectedIDE) {
+  if (ide.ide === 'claude-code') {
+    return blue(CLAUDE_CODE_TEMPLATE)
+  }
+  return blue(
+    CONFIG_TEMPLATE
+      .replace('%settings%', underline(join(ide.settingsDir, ide.settingsFile)))
+      .replace('%brand%', ide.brand),
+  )
+}
 
 export const intro = (): void => {
   console.warn(startMessage)

src/cli/settings-builder.ts

@@ -63,7 +63,7 @@ export const getSettingsPath = (ide: IDEId): string => {
 }
 
 export function getRemoteConfig () {
-  const config: { url: string; headers?: Record<string, string> } = {
+  const config: { url: string, headers?: Record<string, string> } = {
     url: 'https://mcp.vuetifyjs.com/mcp',
   }
 
@@ -87,7 +87,35 @@ export function getServerConfig (transport?: 'stdio' | 'http', remote?: boolean)
   return npx?.wsl ? wslConfig : defaultConfig
 }
 
+export function getClaudeCodeArgs (): string[] {
+  const apiKey = process.env.VUETIFY_API_KEY
+  const args = [
+    'mcp',
+    'add',
+    '--transport',
+    'http',
+    '--scope',
+    'user',
+    SERVER_NAME,
+    'https://mcp.vuetifyjs.com/mcp',
+  ]
+
+  if (apiKey) {
+    args.push('--header', `Authorization:Bearer ${apiKey}`)
+  }
+
+  return args
+}
+
+export function getClaudeCodeCommand (): string {
+  const args = getClaudeCodeArgs()
+  return `claude ${args.map(a => a.includes(':') ? `"${a}"` : a).join(' ')}`
+}
+
 export const getSettingsBuilder = (ide: IDEId, transport?: 'stdio' | 'http', remote?: boolean): string => {
+  if (ide === 'claude-code') {
+    return getClaudeCodeCommand()
+  }
   const config = getServerConfig(transport, remote)
   switch (ide) {
     case 'code':

src/tools/one/bin.ts

@@ -166,7 +166,7 @@ export async function registerBinTools (server: McpServer) {
 
         // Filter out undefined values so API preserves existing
         const updates = Object.fromEntries(
-          Object.entries(bin).filter(([_, v]) => v !== undefined)
+          Object.entries(bin).filter(([_, v]) => v !== undefined),
         )
 
         const binResponse = await fetch(`${apiServer}/one/bins/${id}`, {