Connect SnapRender to any AI client

import asyncio, os
from agents import Agent, Runner
from agents.mcp import MCPServerStreamableHttp

async def main():
    async with MCPServerStreamableHttp(
        name="snaprender",
        params={
            "url": "https://app.snap-render.com/mcp",
            "headers": {"Authorization": f"Bearer {os.environ['SNAPRENDER_API_KEY']}"},
        },
    ) as snaprender:
        agent = Agent(
            name="Web researcher",
            instructions="Use the SnapRender tools to look at web pages before answering.",
            mcp_servers=[snaprender],
        )
        result = await Runner.run(agent, "Take a screenshot of https://example.com and describe the page.")
        print(result.final_output)

asyncio.run(main())

import { createMCPClient } from '@ai-sdk/mcp';
import { generateText, stepCountIs } from 'ai';

const snaprender = await createMCPClient({
  transport: {
    type: 'http',
    url: 'https://app.snap-render.com/mcp',
    headers: { Authorization: `Bearer ${process.env.SNAPRENDER_API_KEY}` },
  },
});

try {
  const { text } = await generateText({
    model, // any tool-calling model from your provider
    tools: await snaprender.tools(),
    stopWhen: stepCountIs(5),
    prompt: 'Take a screenshot of https://example.com and describe the page.',
  });
  console.log(text);
} finally {
  await snaprender.close();
}

import { MCPClient } from '@mastra/mcp';
import { Agent } from '@mastra/core/agent';

const mcp = new MCPClient({
  servers: {
    snaprender: {
      url: new URL('https://app.snap-render.com/mcp'),
      requestInit: { headers: { Authorization: `Bearer ${process.env.SNAPRENDER_API_KEY}` } },
    },
  },
});

const agent = new Agent({
  id: 'web-researcher',
  name: 'Web researcher',
  instructions: 'Use the SnapRender tools to look at web pages before answering.',
  model, // a model id such as 'provider/model-name'
  tools: await mcp.listTools(), // names arrive prefixed: snaprender_take_screenshot, ...
});

const res = await agent.generate('Take a screenshot of https://example.com and describe the page.');
console.log(res.text);
await mcp.disconnect();

curl "https://app.snap-render.com/v1/screenshot?url=https://example.com&response_type=json" \
  -H "X-API-Key: sk_live_your_key_here"