Heroicons MCP Server

@SeeYangZhi

リポジトリ

基本情報

カテゴリ

その他

ライセンス

MIT license

トランスポート

stdio

作者

SeeYangZhi

投稿者

Yang Zhi

Heroicons MCP Server について

heroicons-mcp is a Model Context Protocol (MCP) server that exposes Heroicons. It allows LLMs and agentic applications to search, list, and generate usage examples of icons in React applications.

#mcp#heroicons-react#mcp-server

Heroicons MCP Server の設定

以下の設定を使って、このサーバーを MCP 対応クライアントに追加してください。

{
  "mcpServers": {
    "heroicons": {
      "command": "npx",
      "args": [
        "heroicons-mcp",
        "--stdio"
      ]
    }
  }
}

Heroicons MCP Server のツール

Search for icons from heroicons by name or category

Get usage examples for an icon

List all icons from the heroicons library, optionally filtered by style

概要

What is heroicons-mcp?

heroicons-mcp is a Model Context Protocol (MCP) server that exposes Heroicons as resources and tools for LLMs and agentic applications. Built with Bun and the MCP TypeScript SDK, it provides access to Heroicons in Outline and Solid styles.

How to use heroicons-mcp?

Install dependencies with bun install, then run either npx heroicons-mcp for HTTP mode (defaults to port 3000) or npx heroicons-mcp --stdio for stdio mode. For integration with Claude Desktop, add the server to the mcpServers section of the Claude Desktop configuration file using the npx command or a direct path to the built entry point.

Key features of heroicons-mcp

Exposes Heroicons as MCP resources (Outline and Solid)
Provides list_all_icons tool with optional style filter
Provides search_icons tool by name or keywords
Provides get_icon_usage_examples tool returning JSX code
Works in HTTP mode or stdio mode for MCP clients

Use cases of heroicons-mcp

AI coding assistants searching for a specific Heroicon by name
Generating JSX usage examples for a chosen icon
Listing all available icons within a single style (outline or solid)
Integrating icon access into agentic workflows via MCP clients

よくある質問

What runtime does heroicons-mcp require?

It requires Git and Bun for development, but can be run via `npx` (Node.js) in production.

How do I run heroicons-mcp in HTTP vs stdio mode?

Use `npx heroicons-mcp` for HTTP mode (default), or add `--stdio` for stdio mode.

How can I integrate heroicons-mcp with Claude Desktop?

Add it to your Claude Desktop config file under `mcpServers` using the `npx` command or a direct path to the built `entry.js` file with the `--stdio` flag.

What tools does heroicons-mcp expose?

It exposes three tools: `list_all_icons`, `search_icons`, and `get_icon_usage_examples`.

Which Heroicons styles are included?

The server includes icons in both Outline and Solid styles from Heroicons.

「その他」の他のコンテンツ

FastMCP v2 🚀

jlowin

🚀 The fast, Pythonic way to build MCP servers and clients.

26.0K

Senso MCP for Joomla

sensomedia

Senso MCP turns a Joomla 5 or 6 site into a remote MCP server. It runs inside Joomla itself (no extra server, no Node.js bridge) and is secured with OAuth 2.1 and Joomla's own ACL. The free pack lets an AI assistant crea

MCP Toolbox for Databases

googleapis

MCP Toolbox for Databases is an open source MCP server for databases.

15.9K

Codelf

unbug

A search tool helps dev to solve the naming things problem.

14.2K

Activepieces

activepieces

AI Agents & MCPs & AI Workflow Automation • (~400 MCP servers for AI agents) • AI Automation / AI Agent with MCPs • AI Workflows & AI Agents • MCPs for AI Agents

23.2K