Fire in da houseTop Tip:Paying $100+ per month for Perplexity, MidJourney, Runway, ChatGPT and other tools is crazy - get all your AI tools in one site starting at $15 per month with Galaxy AI Fire in da houseCheck it out free

mcp-npx-fetch

MCP.Pizza Chef: tokenizin-agency

mcp-npx-fetch is a versatile MCP server designed to fetch web content and transform it into multiple structured formats such as HTML, JSON, Markdown, and plain text. It simplifies the integration of live web data into AI workflows by providing clean, standardized content outputs. This server supports developers and AI agents in accessing and manipulating web resources efficiently, enabling real-time content retrieval and format conversion within the Model Context Protocol ecosystem.

Use This MCP server To

Fetch live web pages for AI content analysis Convert web content to Markdown for documentation Extract JSON data from web APIs or pages Retrieve plain text from websites for NLP tasks Integrate web content into AI workflows seamlessly

README

MCP NPX Fetch

npm version License: MIT TypeScript Model Context Protocol

A powerful MCP server for fetching and transforming web content into various formats (HTML, JSON, Markdown, Plain Text) with ease.

InstallationFeaturesUsageDocumentationContributing

NPX Fetch MCP server


🚀 Features

  • 🌐 Universal Content Fetching: Supports HTML, JSON, plain text, and Markdown formats
  • 🔒 Custom Headers Support: Add authentication and custom headers to your requests
  • 🛠 Built-in Transformations: Automatic conversion between formats
  • High Performance: Built with modern JavaScript features and optimized for speed
  • 🔌 MCP Compatible: Seamlessly integrates with Claude Desktop and other MCP clients
  • 🎯 Type-Safe: Written in TypeScript with full type definitions

📦 Installation

NPM Global Installation

npm install -g @tokenizin/mcp-npx-fetch

Direct Usage with NPX

npx @tokenizin/mcp-npx-fetch

📚 Documentation

Available Tools

fetch_html

Fetches and returns raw HTML content from any URL.

{
  url: string;     // Required: Target URL
  headers?: {      // Optional: Custom request headers
    [key: string]: string;
  };
}
fetch_json

Fetches and parses JSON data from any URL.

{
  url: string;     // Required: Target URL
  headers?: {      // Optional: Custom request headers
    [key: string]: string;
  };
}
fetch_txt

Fetches and returns clean plain text content, removing HTML tags and scripts.

{
  url: string;     // Required: Target URL
  headers?: {      // Optional: Custom request headers
    [key: string]: string;
  };
}
fetch_markdown

Fetches content and converts it to well-formatted Markdown.

{
  url: string;     // Required: Target URL
  headers?: {      // Optional: Custom request headers
    [key: string]: string;
  };
}

🔧 Usage

CLI Usage

Start the MCP server directly:

mcp-npx-fetch

Or via npx:

npx @tokenizin/mcp-npx-fetch

Claude Desktop Integration

  1. Locate your Claude Desktop configuration file:

    • macOS: ~/Library/Application Support/Claude/claude_desktop_config.json
    • Windows: %APPDATA%/Claude/claude_desktop_config.json
    • Linux: ~/.config/Claude/claude_desktop_config.json
  2. Add the following configuration to your mcpServers object:

{
  "mcpServers": {
    "fetch": {
      "command": "npx",
      "args": ["-y", "@tokenizin/mcp-npx-fetch"],
      "env": {}
    }
  }
}

💻 Local Development

  1. Clone the repository:
git clone https://github.com/tokenizin-agency/mcp-npx-fetch.git
cd mcp-npx-fetch
  1. Install dependencies:
npm install
  1. Start development mode:
npm run dev
  1. Run tests:
npm test

🛠 Technical Stack

🤝 Contributing

Contributions are welcome! Please feel free to submit a Pull Request. For major changes, please open an issue first to discuss what you would like to change.

  1. Fork the repository
  2. Create your feature branch (git checkout -b feature/AmazingFeature)
  3. Commit your changes (git commit -m 'Add some AmazingFeature')
  4. Push to the branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.


Made with ❤️ by PT Tokenizin Technology Agency

mcp-npx-fetch FAQ

How do I install mcp-npx-fetch?
Install via npm using 'npm install @tokenizin/mcp-npx-fetch'.
What content formats does mcp-npx-fetch support?
It supports HTML, JSON, Markdown, and plain text formats.
Can mcp-npx-fetch handle dynamic web pages?
Yes, it can fetch and transform content from dynamic pages using its underlying fetch mechanisms.
Is mcp-npx-fetch compatible with multiple LLM providers?
Yes, it works seamlessly with OpenAI, Anthropic Claude, and Google Gemini models.
How do I configure output format in mcp-npx-fetch?
You specify the desired output format (HTML, JSON, Markdown, or plain text) in the server configuration or request parameters.
Does mcp-npx-fetch support TypeScript?
Yes, it is built with TypeScript 5.7 for type safety and developer experience.
Is mcp-npx-fetch open source?
Yes, it is licensed under the MIT License and available on GitHub.
Can I extend mcp-npx-fetch for custom content transformations?
Yes, its modular design allows customization and extension for specific transformation needs.