open-index/open-npm huggingface dataset:
npm package: @iflow-mcp/whimsical-mcp-server
Description: MCP server for creating Whimsical diagrams
Latest version: 1.0.0

# Whimsical MCP Server
[![smithery badge](https://smithery.ai/badge/@BrockReece/whimsical-mcp-server)](https://smithery.ai/server/@BrockReece/whimsical-mcp-server)

A Model Context Protocol (MCP) server that enables the creation of Whimsical diagrams programmatically. This server integrates with Whimsical's API to generate diagrams from Mermaid markup.

## Demo

Here's an example of a complex system architecture diagram created using this MCP server and Claude - it shows the Model Context Protocol (MCP) architecture itself:

![MCP Architecture](./docs/mcp_demo.png)


## Features

- Create Whimsical diagrams using Mermaid markup generated by the MCP Client (Claude, Windsurf, etc.)
- Returns both the Whimsical diagram URL and a base64 encoded image to allow the Client to iterate on it's original markup

## Installation

### Installing via Smithery

To install Whimsical MCP Server for Claude Desktop automatically via [Smithery](https://smithery.ai/server/BrockReece/whimsical-mcp-server):

```bash
npx -y @smithery/cli install BrockReece/whimsical-mcp-server --client claude
```

### Manual Installation
```bash
# Clone the repository
git clone https://github.com/BrockReece/whimsical-mcp-server.git

# Install dependencies
yarn install

# Build the project
yarn build
```

### Integration with MCP Client
Update the MCP Client's config to point to this repository's dist folder
eg:
```json
    {
        "mcpServers": {
            "whimsical": {
                "command": "node",
                "args": [
                    "/path/to/this/repo/whimsical-mcp-server/dist/index.js"
                ]
            }
        }
    }
```
## License

This project is licensed under the MIT License.
npm package: @iflow-mcp/widget-mcp
Description: UI widget for your LLM
Latest version: 0.1.0

# ⚙️ Widget MCP

Add simple widgets to you LLM chat for common situations like timers, conversions and more.

![widget-mcp](widgets.gif)

Demo video: https://youtu.be/4gfom42vHkc

## Motivation

MCP-UI opens the door to [breaking the text wall](https://shopify.engineering/mcp-ui-breaking-the-text-wall) from chat UIs we've been using the last few years. The full extent of what's possible is 

This project shows the floor of what's possible by providing a few simple widgets for common situations.

If you've ever google "convert X to Y" or "2 minute timer" and see the custom UI results, this should feel very familiar.

## Current widgets

- `Timer` - Editable timer with a chime. 
- `Stopwatch` - Timer that just counts up.
- `Conversion` - Convert between set of units for which the LLM can write a formula. 
- `Display Fact` - When the answer is simple, just show it in an easy to read card.

## Supported MCP Clients

MCP-UI is new and as of August 2025 is only supported by a few clients. 

### Smithery

Try widget-mcp in the Smithery playground. (TODO: pending Smithery deploy)

### Goose

1. [Install Goose](https://block.github.io/goose/docs/quickstart)
2. Click `Extensions` and `Add custom extension`
3. Fill in name as `Widgets` and command `npx widget-mcp`
4. Verify it's working by clicking `Chat` and prompting `2 minute timer`

![Goose Setup](goose-setup.png)


## Requests for widgets

Here's a few examples of widgets that could be fun to add.

- **Color Picker** - Interactive color selection and palette tools. Could be parameterized to allow the LLM to suggest a color and let the user tweak and explore.
- **Calculator** - Basic and scientific calculator functionality. Initial function seeded by LLM.
- **Dice Roller** - Custom set of dice based on what you ask the agent for.

I'm sure you have some cool ideas!

## Development

Adding new widgets should be very easy! All these widgets are HTML pages that can have variables injected (eg. values provided by the LLM). To add new widgets, add an template file to the `html` directory and a new tool to `index.ts`. 

You can probably just prompt "Add a widget html and tool to do <somethingawesome>. Look at index.ts and timer.html for examples of how". 

```bash
# Install dependencies
npm install

# Iterate on the html with hot-reloads
npm run dev:html

# Launch the MCP server with Smithery's web inspector
npm run dev:mcp
```

## Links

- **[MCP-UI](https://mcpui.dev/)** - UI over MCP.
- **[Smithery](https://smithery.ai)** - Easiest way to find and try MCP servers.
- **[Goose](https://block.github.io/goose/)** - Block's opensource MCP client.
- **[PulseMCP](https://github.com/[placeholder]/pulsemcp)** - The best way to stay up-to-date on MCP.
- Maintained by **[Ref.](https://ref.tools)** - Context for your coding agent.
npm package: @iflow-mcp/williamvd4-web-search
Description: web search the internet
Latest version: 0.1.0

# Web Search MCP Server

A Model Context Protocol (MCP) server that enables free web searching using Google search results, with no API keys required.

## Features

- Search the web using Google search results
- No API keys or authentication required
- Returns structured results with titles, URLs, and descriptions
- Configurable number of results per search

## Installation

1. Clone or download this repository
2. Install dependencies:
```bash
npm install
```
3. Build the server:
```bash
npm run build
```
4. Add the server to your MCP configuration:

For VSCode (Claude Dev Extension):
```json
{
  "mcpServers": {
    "web-search": {
      "command": "node",
      "args": ["/path/to/web-search/build/index.js"]
    }
  }
}
```

For Claude Desktop:
```json
{
  "mcpServers": {
    "web-search": {
      "command": "node",
      "args": ["/path/to/web-search/build/index.js"]
    }
  }
}
```

## Usage

The server provides a single tool named `search` that accepts the following parameters:

```typescript
{
  "query": string,    // The search query
  "limit": number     // Optional: Number of results to return (default: 5, max: 10)
}
```

Example usage:
```typescript
use_mcp_tool({
  server_name: "web-search",
  tool_name: "search",
  arguments: {
    query: "your search query",
    limit: 3  // optional
  }
})
```

Example response:
```json
[
  {
    "title": "Example Search Result",
    "url": "https://example.com",
    "description": "Description of the search result..."
  }
]
```

## Limitations

Since this tool uses web scraping of Google search results, there are some important limitations to be aware of:

1. **Rate Limiting**: Google may temporarily block requests if too many searches are performed in a short time. To avoid this:
   - Keep searches to a reasonable frequency
   - Use the limit parameter judiciously
   - Consider implementing delays between searches if needed

2. **Result Accuracy**: 
   - The tool relies on Google's HTML structure, which may change
   - Some results might be missing descriptions or other metadata
   - Complex search operators may not work as expected

3. **Legal Considerations**:
   - This tool is intended for personal use
   - Respect Google's terms of service
   - Consider implementing appropriate rate limiting for your use case

## Contributing

Feel free to submit issues and enhancement requests!