Tatn MCP Server Fetch Typescript

🚀 mcp-server-fetch-typescript MCP Server

A Model Context Protocol (MCP) server that offers web content scraping and conversion capabilities. This server implements a comprehensive web content retrieval system, supporting multiple formats and rendering methods, making it an ideal choice for tasks ranging from simple data extraction to sophisticated web scraping.

✨ Features

Tools

• get_raw_text - Retrieve raw text content directly from a URL

  • Requires the url parameter, which points to a text-based resource.
  • Returns the unprocessed raw text content without browser rendering.
  • Suitable for JSON, XML, CSV, TSV, or plain text files.
  • Useful when quick access to the source content is needed.

• get_rendered_html - Obtain fully rendered HTML content

  • Requires the url parameter.
  • Returns the complete HTML content after JavaScript execution.
  • Uses Playwright for headless browser rendering.
  • Essential for modern web applications and single-page applications (SPAs).

• get_markdown - Convert web content to Markdown format

  • Requires the url parameter.
  • Returns well-formatted Markdown, preserving structural elements.
  • Supports tables and definition lists.
  • Recommended for content archiving and document generation.

• get_markdown_summary - Extract and convert the main body content

  • Requires the url parameter.
  • Returns clean Markdown focusing on the main body content.
  • Automatically removes navigation, headers, and footers.
  • Perfect for article and blog post extraction.

📦 Installation

As a global package

npm install -g mcp-server-fetch-typescript

As a project dependency

npm install mcp-server-fetch-typescript

💻 Usage Examples

Usage with Claude Desktop

To use it in Claude Desktop, add the server configuration:

On MacOS: ~/Library/Application Support/Claude/claude_desktop_config.json
On Windows: %APPDATA%/Claude/claude_desktop_config.json%

"mcpServers": {
  "mcp-server-fetch-typescript": {
    "command": "npx",
    "args": [
      "-y",
      "mcp-server-fetch-typescript"
    ]
  }
}

Or add the following configuration:

git clone https://github.com/tatn/mcp-server-fetch-typescript.git
cd mcp-server-fetch-typescript
npm install
npm run build

"mcpServers": {
  "mcp-server-fetch-typescript": {
    "command": "node",
    "args": [
      "/path/to/mcp-server-fetch-typescript/build/index.js"
    ]
  }
}

Debugging

To debug the MCP server:

npx @modelcontextprotocol/inspector npx -y mcp-server-fetch-typescript

Or

npx @modelcontextprotocol/inspector node /path/to/mcp-server-fetch-typescript/build/index.js