Mcp_usehooks

by small-lab-io

225 downloads
Not rated
GitHub

About

A Model Context Protocol (MCP) server for accessing React hooks from usehooks.io.

Details

Author
small-lab-io
Downloads
225
Categories
Other

- Access all hooks from the usehooks.io repository
- Search hooks by keyword
- Filter hooks by category
- Get detailed hook information including implementation code

Setting up with Highlight

This MCP is not yet compatible with Highlight’s one-click setup. However, you can still use it with Highlight by following these steps:

  1. Download and install Highlight from highlightai.com/download
  2. Navigate to the plugins tab and select "Add Custom Plugin"
  3. Configure the plugin with the settings below
    Plugin Name Mcp_usehooks
    Command (node, npx, python, etc.)

    Please refer to the README for specific instructions on how to obtain API keys or other required environment variables.

  4. Enable "Start Automatically" if you want the plugin to start when Highlight launches

From the repository

Install with pnpm install, then build with pnpm build. Start the server by running pnpm start or directly via node build/index.js. For Claude Desktop, configure a new MCP server with the command pointing to the built index.js file.

list_hooks

List all available React hooks, optionally filtered by category

get_categories

Get all available hook categories

search_hooks

Search hooks by name or description

get_hook

Get full details and implementation of a hook

Claude Desktop / Cursor

Paste into your MCP client config file to install this server.

{
    "mcpServers": {
        "mcp_usehooks": {
            "usehooks": {
                "command": "npx",
                "args": [
                    "-y",
                    "mcp-usehooks"
                ]
            }
        }
    }
}

McpServers

{
    "usehooks": {
        "command": "npx",
        "args": [
            "-y",
            "mcp-usehooks"
        ]
    }
}

Features

- Access all hooks from the usehooks.io repository
- Search hooks by keyword
- Filter hooks by category
- Get detailed information about specific hooks including implementation code

Installation

pnpm install
pnpm build

Usage

Starting the Server

pnpm start

Or you can run it directly:

node build/index.js

Integration with Claude Desktop

To use this MCP server with Claude Desktop:

1. Start the server using pnpm start
2. In Claude Desktop, go to Settings > MCP Servers
3. Add a new MCP server with the following configuration:
- Name: UseHooks
- Command: node /path/to/usehooks.io/packages/usehooks-mcp/build/index.js

Once connected, Claude will have access to the hooks through the MCP tools.

No reviews yet — be the first

Sign in to leave a review

Use Google, GitHub, or an email account so ratings stay tied to real people.

Email sign in

No reviews posted yet.