Agent skill

claude-agent-sdk-integration

Integrate Claude Agent SDK with You.com HTTP MCP server for Python and TypeScript. Use when developer mentions Claude Agent SDK, Anthropic Agent SDK, or integrating Claude with MCP tools.

Stars 163
Forks 31

Install this agent skill to your Project

npx add-skill https://github.com/majiayu000/claude-skill-registry/tree/main/skills/data/claude-agent-sdk-integration

Metadata

Additional technical details for this skill

author
youdotcom-oss
version
0.2.0
category
workflow
keywords
claude,anthropic,agent-sdk,mcp,you.com,integration,http, web-search, search, crawling, scraping

SKILL.md

Integrate Claude Agent SDK with You.com MCP

Interactive workflow to set up Claude Agent SDK with You.com's HTTP MCP server.

Workflow

  1. Ask: Language Choice

    • Python or TypeScript?
  2. If TypeScript - Ask: SDK Version

    • v1 (stable, generator-based) or v2 (preview, send/receive pattern)?
    • Note: v2 requires TypeScript 5.2+ for await using support
  3. Install Package

    • Python: pip install claude-agent-sdk
    • TypeScript: npm install @anthropic-ai/claude-agent-sdk
  4. Ask: Environment Variables

  5. Ask: File Location

    • NEW file: Ask where to create and what to name
    • EXISTING file: Ask which file to integrate into (add HTTP MCP config)
  6. Create/Update File

    For NEW files:

    • Use the complete template code from the "Complete Templates" section below
    • User can run immediately with their API keys set

    For EXISTING files:

    • Add HTTP MCP server configuration to their existing code

    • Python configuration block:

      python
      from claude_agent_sdk import query, ClaudeAgentOptions
      
      options = ClaudeAgentOptions(
          mcp_servers={
              "ydc": {
                  "type": "http",
                  "url": "https://api.you.com/mcp",
                  "headers": {
                      "Authorization": f"Bearer {os.getenv('YDC_API_KEY')}"
                  }
              }
          },
          allowed_tools=[
              "mcp__ydc__you_search",
              "mcp__ydc__you_express",
              "mcp__ydc__you_contents"
          ]
      )
      
    • TypeScript configuration block:

      typescript
      const options = {
        mcpServers: {
          ydc: {
            type: 'http' as const,
            url: 'https://api.you.com/mcp',
            headers: {
              Authorization: `Bearer ${process.env.YDC_API_KEY}`
            }
          }
        },
        allowedTools: [
          'mcp__ydc__you_search',
          'mcp__ydc__you_express',
          'mcp__ydc__you_contents'
        ]
      };
      

Complete Templates

Use these complete templates for new files. Each template is ready to run with your API keys set.

Python Template (Complete Example)

python
"""
Claude Agent SDK with You.com HTTP MCP Server
Python implementation with async/await pattern
"""

import os
import asyncio
from claude_agent_sdk import query, ClaudeAgentOptions

# Validate environment variables
ydc_api_key = os.getenv("YDC_API_KEY")
anthropic_api_key = os.getenv("ANTHROPIC_API_KEY")

if not ydc_api_key:
    raise ValueError(
        "YDC_API_KEY environment variable is required. "
        "Get your key at: https://you.com/platform/api-keys"
    )

if not anthropic_api_key:
    raise ValueError(
        "ANTHROPIC_API_KEY environment variable is required. "
        "Get your key at: https://console.anthropic.com/settings/keys"
    )


async def main():
    """
    Example: Search for AI news and get results from You.com MCP server
    """
    # Configure Claude Agent with HTTP MCP server
    options = ClaudeAgentOptions(
        mcp_servers={
            "ydc": {
                "type": "http",
                "url": "https://api.you.com/mcp",
                "headers": {"Authorization": f"Bearer {ydc_api_key}"},
            }
        },
        allowed_tools=[
            "mcp__ydc__you_search",
            "mcp__ydc__you_express",
            "mcp__ydc__you_contents",
        ],
        model="claude-sonnet-4-5-20250929",
    )

    # Query Claude with MCP tools available
    async for message in query(
        prompt="Search for the latest AI news from this week",
        options=options,
    ):
        # Handle different message types
        if message.type == "text":
            print(message.content)
        elif message.type == "tool_use":
            print(f"\n[Tool: {message.name}]")
            print(f"Input: {message.input}")
        elif message.type == "tool_result":
            print(f"Result: {message.content}")


if __name__ == "__main__":
    asyncio.run(main())

TypeScript v1 Template (Complete Example)

typescript
/**
 * Claude Agent SDK with You.com HTTP MCP Server
 * TypeScript v1 implementation with generator-based pattern
 */

import { query } from '@anthropic-ai/claude-agent-sdk';

// Validate environment variables
const ydcApiKey = process.env.YDC_API_KEY;
const anthropicApiKey = process.env.ANTHROPIC_API_KEY;

if (!ydcApiKey) {
  throw new Error(
    'YDC_API_KEY environment variable is required. ' +
      'Get your key at: https://you.com/platform/api-keys'
  );
}

if (!anthropicApiKey) {
  throw new Error(
    'ANTHROPIC_API_KEY environment variable is required. ' +
      'Get your key at: https://console.anthropic.com/settings/keys'
  );
}

/**
 * Example: Search for AI news and get results from You.com MCP server
 */
async function main() {
  // Query Claude with HTTP MCP configuration
  const result = query({
    prompt: 'Search for the latest AI news from this week',
    options: {
      mcpServers: {
        ydc: {
          type: 'http' as const,
          url: 'https://api.you.com/mcp',
          headers: {
            Authorization: `Bearer ${ydcApiKey}`,
          },
        },
      },
      allowedTools: [
        'mcp__ydc__you_search',
        'mcp__ydc__you_express',
        'mcp__ydc__you_contents',
      ],
      model: 'claude-sonnet-4-5-20250929',
    },
  });

  // Process messages as they arrive
  for await (const msg of result) {
    if (msg.type === 'text') {
      console.log(msg.content);
    } else if (msg.type === 'tool_use') {
      console.log(`\n[Tool: ${msg.name}]`);
      console.log(`Input: ${JSON.stringify(msg.input, null, 2)}`);
    } else if (msg.type === 'tool_result') {
      console.log(`Result: ${msg.content}`);
    }
  }
}

main().catch(console.error);

TypeScript v2 Template (Complete Example)

typescript
/**
 * Claude Agent SDK with You.com HTTP MCP Server
 * TypeScript v2 implementation with send/receive pattern
 * Requires TypeScript 5.2+ for 'await using' support
 */

import { unstable_v2_createSession } from '@anthropic-ai/claude-agent-sdk';

// Validate environment variables
const ydcApiKey = process.env.YDC_API_KEY;
const anthropicApiKey = process.env.ANTHROPIC_API_KEY;

if (!ydcApiKey) {
  throw new Error(
    'YDC_API_KEY environment variable is required. ' +
      'Get your key at: https://you.com/platform/api-keys'
  );
}

if (!anthropicApiKey) {
  throw new Error(
    'ANTHROPIC_API_KEY environment variable is required. ' +
      'Get your key at: https://console.anthropic.com/settings/keys'
  );
}

/**
 * Example: Search for AI news and get results from You.com MCP server
 */
async function main() {
  // Create session with HTTP MCP configuration
  // 'await using' ensures automatic cleanup when scope exits
  await using session = unstable_v2_createSession({
    mcpServers: {
      ydc: {
        type: 'http' as const,
        url: 'https://api.you.com/mcp',
        headers: {
          Authorization: `Bearer ${ydcApiKey}`,
        },
      },
    },
    allowedTools: [
      'mcp__ydc__you_search',
      'mcp__ydc__you_express',
      'mcp__ydc__you_contents',
    ],
    model: 'claude-sonnet-4-5-20250929',
  });

  // Send message to Claude
  await session.send('Search for the latest AI news from this week');

  // Receive and process messages
  for await (const msg of session.receive()) {
    if (msg.type === 'text') {
      console.log(msg.content);
    } else if (msg.type === 'tool_use') {
      console.log(`\n[Tool: ${msg.name}]`);
      console.log(`Input: ${JSON.stringify(msg.input, null, 2)}`);
    } else if (msg.type === 'tool_result') {
      console.log(`Result: ${msg.content}`);
    }
  }
}

main().catch(console.error);

HTTP MCP Server Configuration

All templates use You.com's HTTP MCP server for simplicity:

Python:

python
mcp_servers={
    "ydc": {
        "type": "http",
        "url": "https://api.you.com/mcp",
        "headers": {
            "Authorization": f"Bearer {ydc_api_key}"
        }
    }
}

TypeScript:

typescript
mcpServers: {
  ydc: {
    type: 'http' as const,
    url: 'https://api.you.com/mcp',
    headers: {
      Authorization: `Bearer ${ydcApiKey}`
    }
  }
}

Benefits of HTTP MCP:

  • ✅ No local installation required
  • ✅ Stateless request/response model
  • ✅ Always up-to-date with latest version
  • ✅ Consistent across all environments
  • ✅ Production-ready and scalable
  • ✅ Works with existing HTTP infrastructure

Available You.com Tools

After configuration, Claude can use these tools:

mcp__ydc__you_search

Web and news search with filters:

  • query: Search query string
  • freshness: Filter by recency (day, week, month, year)
  • country: Country code for localized results
  • count: Number of results to return

mcp__ydc__you_express

Fast AI agent with optional web search:

  • input: Query or instruction for the AI agent
  • tools: Optional list of tools to use (e.g., ["search"])

mcp__ydc__you_contents

Web page content extraction:

  • urls: Array of URLs to extract content from
  • formats: Output formats - array of "markdown", "html", or "metadata"
  • crawl_timeout: Optional timeout in seconds (1-60)

Environment Variables

Both API keys are required:

bash
# Add to your .env file or shell profile
export YDC_API_KEY="your-you-api-key-here"
export ANTHROPIC_API_KEY="your-anthropic-api-key-here"

Get your API keys:

Validation Checklist

Before completing:

  • Package installed: claude-agent-sdk (Python) or @anthropic-ai/claude-agent-sdk (TypeScript)
  • Environment variables set: YDC_API_KEY and ANTHROPIC_API_KEY
  • Template copied or configuration added to existing file
  • HTTP MCP server configured (https://api.you.com/mcp)
  • Authorization header includes Bearer ${YDC_API_KEY}
  • Allowed tools list includes You.com tools
  • File is executable (Python) or can be compiled (TypeScript)
  • Ready to test with example query

Testing Your Integration

Python:

bash
python your-file.py

TypeScript:

bash
# With tsx (recommended for quick testing)
npx tsx your-file.ts

# Or compile and run
tsc your-file.ts && node your-file.js

Common Issues

Install the package:

bash
# NPM
npm install @anthropic-ai/claude-agent-sdk

# Bun
bun add @anthropic-ai/claude-agent-sdk

# Yarn
yarn add @anthropic-ai/claude-agent-sdk

# pnpm
pnpm add @anthropic-ai/claude-agent-sdk

Set your You.com API key:

bash
export YDC_API_KEY="your-api-key-here"

Get your key at: https://you.com/platform/api-keys

Set your Anthropic API key:

bash
export ANTHROPIC_API_KEY="your-api-key-here"

Get your key at: https://console.anthropic.com/settings/keys

Verify your YDC_API_KEY is valid:

  1. Check the key at https://you.com/platform/api-keys
  2. Ensure no extra spaces or quotes in the environment variable
  3. Verify the Authorization header format: Bearer ${YDC_API_KEY}

Ensure allowedTools includes the correct tool names:

  • mcp__ydc__you_search (not you_search)
  • mcp__ydc__you_express (not you_express)
  • mcp__ydc__you_contents (not you_contents)

Tool names must include the mcp__ydc__ prefix.

The v2 SDK requires TypeScript 5.2+ for await using syntax.

Solution 1: Update TypeScript

bash
npm install -D typescript@latest

Solution 2: Use manual cleanup

typescript
const session = unstable_v2_createSession({ /* options */ });
try {
  await session.send('Your query');
  for await (const msg of session.receive()) {
    // Process messages
  }
} finally {
  session.close();
}

Solution 3: Use v1 SDK instead Choose v1 during setup for broader TypeScript compatibility.

Advanced: MCP Server Development Patterns

For developers creating custom MCP tools or contributing to @youdotcom-oss/mcp:

Schema Design

Always use Zod for input/output validation:

ts
export const MyToolInputSchema = z.object({
  query: z.string().min(1).describe("Search query"),
  limit: z.number().optional().describe("Max results"),
});

Why this pattern?

  • Zod provides runtime validation and TypeScript types
  • .describe() adds documentation for MCP tool parameters
  • Schema validation catches invalid inputs before API calls

Error Handling

Always use try/catch with typed error handling:

ts
try {
  const response = await apiCall();
  return formatResponse(response);
} catch (err: unknown) {
  const errorMessage = err instanceof Error ? err.message : String(err);
  await logger({ level: "error", data: `API call failed: ${errorMessage}` });
  return {
    content: [{ type: "text", text: `Error: ${errorMessage}` }],
    isError: true,
  };
}

Why this pattern?

  • MCP tools must return structured responses, never throw
  • err: unknown ensures type safety in catch blocks
  • User-friendly error messages in content

Response Format

Return both content and structuredContent:

ts
return {
  content: [{ type: "text", text: formattedText }],
  structuredContent: responseData,
};

Why this pattern?

  • content provides human-readable text for display
  • structuredContent provides machine-readable data
  • MCP clients can choose which format to use

Additional Resources

Expand your agent's capabilities with these related and highly-rated skills.

Didn't find tool you were looking for?

Be as detailed as possible for better results