プロトタイプ · プレビュー版:公式レジストリのすべてのサーバーを掲載し、30分ごとに同期しています。レビューとアカウント機能は今後のステップで始まります。
PopNx MCPAIを使う人のためのMCPサーバー · やさしい言葉で解説

Primereact MCP

作者:wisdomrockバージョン 1.2.3i★ –iパソコンで動く
レジストリ名io.github.wisdomrock/primereact-mcp

インストール

概要

作者による説明(英語の原文)

105 PrimeReact v10 components with props, types, and events

PopNx MCPの3つの柱

この3つを1つのスコアにまとめることはしません。意見、測定、人気はそれぞれ別のものだからです。

できること

このサーバーのやさしい解説はまだ書いていません。以下はレジストリから読み取った事実です。

  • 接続方法: パソコンで動く
  • トランスポート: stdio
  • カテゴリ: その他

インストール

使っているAIアプリを選んで、設定をコピーしてください。

インストールの前に

  • 基本チェック:1項目中1項目に合格
  • あなたのパソコンで、あなたのユーザーと同じ権限(ファイル、ネットワーク、アプリ)で動きます。
  • レジストリには、入力が必要なキーは載っていません。

必要なもの

  • npmNode.jsのインストール(npxコマンドに必要)

どのアプリを使っていますか?

上でアプリを選んでください。選んだアプリを覚えておくので、次からはボタンに「…にインストール」と表示されます。

Claude Desktop → Settings → Developer → Edit Config を開き、claude_desktop_config.json にこれを貼り付けます

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

ターミナルでこれを実行します

claude mcp add primereact -- npx -y primereact-mcp

Cursorで開く

または、設定を自分でコピーする

プロジェクトの .cursor/mcp.json、または ~/.cursor/mcp.json に貼り付けます

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

ブラウザがアプリを開いてよいか確認し、そのあとアプリが設定を表示して確認を求めます。キーの値は空欄のままなので、自分で入力してください。

VS Codeで開く

または、設定を自分でコピーする

プロジェクトの .vscode/mcp.json に貼り付けます

{
  "servers": {
    "primereact": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "primereact-mcp"
      ]
    }
  }
}

ブラウザがアプリを開いてよいか確認し、そのあとアプリが設定を表示して確認を求めます。キーの値は空欄のままなので、自分で入力してください。

これはパソコンで動くサーバーですが、ChatGPTがつなげるのはインターネット上のサーバーだけです。ほかのアプリを選んでください。

選んだアプリは、この端末のCookieに保存されます。アカウントは不要です。

この設定は、作者のレジストリ登録情報から作成しています。READMEと違う場合は、READMEに従ってください。

できること

パソコンで動くサーバーです。インストールすると、ツール一覧がAIアプリに表示されます。

基本チェックi

誰でも見られる情報をチェックしており、コードは読んでいません。当てはまらない項目は数に入れていません。 · 2026年11月6日にチェック

  • ✓ 合格

    作者とリポジトリが一致

    レジストリ名は、リポジトリを所有するGitHubアカウント wisdomrock で確認済みです

  • … 未チェック

    今もメンテナンスされている

    このリポジトリはまだGitHubから読み取っていません

  • … 未チェック

    ライセンスがある

    このリポジトリはまだGitHubから読み取っていません

  • – 対象外

    エンドポイントが応答する

    これはパソコンで動くため、インターネット上のエンドポイントはありません

  • – 対象外

    OAuthでサインイン

    パソコンで動き、代わりにローカルの設定を使います

  • … 未チェック

    ツールの説明に隠れた指示がない

    パソコンで動くサーバーです。ツール一覧を読み取れるのは、インターネット上のエンドポイントがある場合だけです

その他のほかのサーバーとの比較i

  • このカテゴリのほかの32435件のうち0%よりスターが多い
  • このカテゴリのほかの32435件のうち12%より最近レジストリに公開
  • 基本チェックの結果が、このカテゴリのほかの32435件のうち100%と同じかそれ以上

レジストリでこのカテゴリにある有効なすべてのサーバーと比較しています。スターは、公開者がリポジトリの所有者である場合だけ数えます。

よくある質問

Primereact MCPは安全ですか?

当てはまる基本チェック1項目のうち1項目に合格しました。コードは読んでいません。キーやトークンを追加する前に、サーバーがどんなアクセスを求めているかを確認し、必要な権限だけを持つキーを使ってください。

どんなキーやコードが必要ですか?

レジストリには必須のキーは載っていません。ただし、最初に使うときにサインインを求めるサーバーもあります。

パソコンで動きますか、それともクラウドですか?

あなたのパソコンで動きます。必要なときにAIアプリが起動し、データは作者のサーバーを通りません(サーバー自体がオンラインサービスを呼び出す場合を除きます)。

今もメンテナンスされていますか?

GitHubリポジトリの最終更新は–、最新バージョン(1.2.3)がレジストリに届いたのは5 か月前です。

どのアプリで使えますか?

Claude Desktop、Claude Code、Cursor、VS CodeなどのMCP対応アプリで使えます。パソコンにNode.jsも必要です。

代わりに使えるものは?

同じカテゴリには:Spec Driven Development, Remote Desktop Commander, Apify MCP Server

代わりの候補

同じカテゴリで、ほかの作者が作ったサーバー。スターの多い順。

カードの見方:★ GitHubスターi3つの柱:レビュー · チェック · 利用状況i更新=最新バージョンをレジストリに公開した日i

Remote Desktop Commander

作者:desktop-commander

Remote Desktop Commander: use files, terminal and processes on your own computers from any AI app.

クラウドで動く★ 211昨日更新
インストール

Apify MCP Server

作者:apify

Extract data from any website with thousands of scrapers, crawlers, and automations on Apify Store ⚡

クラウドで動く今日更新
インストール

作者のREADME

READMEを開く

作者のリポジトリから書かれたとおりにコピーしたものです。PopNx MCPは内容を確認・推奨していません。HTML、画像、スクリプトは取り除いています。リンクはこのサイトの外へ移動します。

primereact-mcp

A Model Context Protocol (MCP) server that gives AI assistants full access to PrimeReact v10 component documentation — props, events, examples, and search.

Why does this exist?

The PrimeReact team has not yet published an official @primereact/mcp package. This server fills that gap using the same engine (@primeuix/mcp) that powers the official PrimeNG MCP server, with component data extracted from PrimeReact's TypeScript definitions.

The official PrimeReact MCP will be launched with v11.


Features

  • 105 PrimeReact v10 components with full prop/event documentation
  • 15+ MCP tools: search, suggest, inspect props, get examples, compare components, and more
  • Works with Claude Code, Claude Desktop, Cursor, Windsurf, and any MCP-compatible client
  • Generated directly from PrimeReact's TypeScript .d.ts source — no stale hand-written docs

Quick Start

Prerequisites
  • Node.js 18 or later
  • An MCP-compatible AI client (see below)
Option A — npx (no install needed)

Use npx -y primereact-mcp directly in your MCP client config. Component data ships pre-generated inside the package.

Option B — clone and run locally
git clone https://github.com/wisdomrock/primereact-mcp.git

cd primereact-mcp npm install node index.mjs # starts the server

To regenerate component data after a PrimeReact version upgrade:

npm install primereact@10   # install the target version

node generate-data.mjs # rewrites components-data.json


MCP Client Setup

Claude Code (CLI)
# via npx — zero install

claude mcp add primereact -- npx -y primereact-mcp

or point at a local clone

claude mcp add primereact -- node /absolute/path/to/primereact-mcp/index.mjs

Or add it to your project's .mcp.json:

{

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

Claude Desktop

Add the following to your Claude Desktop config (~/Library/Application Support/Claude/claude_desktop_config.json on macOS):

{

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

Cursor

Add to .cursor/mcp.json in your project root:

{

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

Windsurf

Add to ~/.codeium/windsurf/mcp_config.json:

{

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


Available Tools

ToolDescription
list_componentsList all 105 PrimeReact components, optionally filtered by category
get_componentGet full details for a component (stats, props preview, sections)
get_component_propsGet all props for a component with types and descriptions
get_component_eventsGet all event callbacks a component supports
get_component_methodsGet component methods (where documented)
get_component_slotsGet slots/render props for a component
get_component_ptGet Pass Through (PT) customization options
get_component_tokensGet design tokens (CSS variables)
get_component_stylesGet CSS class names
get_component_sectionsGet all sections with examples (basic, advanced, etc.)
get_component_importGet the correct import statement
get_component_urlGet the official documentation URL
get_usage_exampleGet code examples for a component
search_componentsSearch components by name or description
find_by_propFind all components that have a specific prop
find_by_eventFind all components that emit a specific event
find_components_with_featureFind components with a feature (e.g. "filter", "lazy", "virtual")
compare_componentsCompare two components side by side
suggest_componentSuggest components based on a use-case description
get_categoriesGet all component categories
get_version_infoGet PrimeReact version and compatibility info
get_form_componentsGet all form input components
get_data_componentsGet all data display components (tables, lists, trees)
get_overlay_componentsGet all overlay/popup components
Example prompts
Which PrimeReact component should I use for a searchable multi-select?

What props does the DataTable component accept?

Find all PrimeReact components that have a filter prop.

Compare the Dropdown and AutoComplete components.

Show me the import statement for the Calendar component.


Upgrading PrimeReact Version

To update the component data after upgrading PrimeReact:

npm install primereact@NEW_VERSION

node generate-data.mjs

The generate-data.mjs script re-reads all .d.ts files and rewrites components-data.json.


Project Structure

primereact-mcp/

├── index.mjs # MCP server entry point ├── generate-data.mjs # Generates components-data.json from .d.ts files ├── components-data.json # Generated component data (committed for convenience) ├── server.json # MCP Registry metadata ├── package.json └── README.md

MCP Registry

This server is published to the Official MCP Registry. Registry metadata is in server.json at the repo root.

How it works
  1. `generate-data.mjs` reads each component's .d.ts file from the primereact npm package, parses JSDoc comments and TypeScript interface definitions using a line-by-line state machine, and writes structured JSON to components-data.json.
  1. `index.mjs` calls runPrimeMcpServer() from @primeuix/mcp — the same shared engine used by the official PrimeNG MCP server — passing PrimeReact-specific configuration and the generated component data.

Contributing

Contributions welcome! Areas that would benefit from improvement:

  • Richer examples — add JSX code snippets to more component sections
  • PrimeReact v11 support — the alpha v11 uses @primereact/types, requiring a different parsing strategy
  • Pass Through (PT) data — extract PT options from .d.ts files
  • Design tokens — extract CSS variable names

Please open an issue before sending a large PR.


License

MIT — see LICENSE.


Related

PopNxに聞く