Primereact MCP

Name: Primereact MCP
Author: wisdomrock

作者：wisdomrock版本 1.2.3i★ –i在你的电脑上运行

注册名称io.github.wisdomrock/primereact-mcp

安装

概览

作者提供的说明（英文原文）

105 PrimeReact v10 components with props, types, and events

PopNx MCP 的三大支柱

这三项永远不会合并成一个分数：意见、测量和人气是不同的东西。

用户评价i暂无评价评价功能将在后续阶段与账户功能一起开放
我们的基础检查i1 项中通过 1 项依据公开信息检查；尚未扫描代码
使用情况i尚未统计★ –

它能帮你做什么

我们还没有为它写通俗的介绍。下面是我们从注册中心读取到的事实。

连接方式: 在你的电脑上运行
传输方式: stdio
分类: 其他

安装

选择你使用的 AI 应用，然后复制设置。

安装之前

基础检查：1 项中通过 1 项
在你的电脑上运行，拥有你的用户账户的权限（文件、网络、应用）。
注册中心没有列出需要填写的密钥。

你需要

npm已安装 Node.js（用于 npx 命令）

你用的是哪个应用？

ClaudeClaude CodeCursorVS CodeChatGPT

在上方选择你的应用。我们会记住它，下次按钮会显示“安装到 …”。

打开 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月7日

✓ 通过
作者与仓库一致
注册名称已通过 GitHub 账户 wisdomrock 验证，该账户拥有此仓库
… 尚未检查
仍在维护
我们还没有从 GitHub 读取这个仓库
… 尚未检查
有许可证
我们还没有从 GitHub 读取这个仓库
– 不适用
端点有响应
它在你的电脑上运行，没有互联网端点
– 不适用
使用 OAuth 登录
在你的电脑上运行，改用本地设置
… 尚未检查
工具描述中没有隐藏指令
它在你的电脑上运行；我们只能读取互联网端点的工具列表

与“其他”中的其他服务器比较i

星标数多于此分类中其他 32589 个服务器的 0%
发布到注册中心的时间比此分类中其他 32589 个服务器的 11% 更新
基础检查结果等于或优于此分类中其他 32589 个服务器的 100%

与注册中心里这个分类中所有活跃的服务器比较。只有当发布者拥有该仓库时，星标数才计入。

常见问题

Primereact MCP 安全吗？

它在 1 项适用的基础检查中通过了 1 项。我们没有阅读代码。在添加密钥或令牌之前，请先看看这个服务器要求哪些权限，并使用只具备所需权限的密钥。

它需要哪些密钥或代码？

注册中心没有列出必需的密钥，不过有些服务器会在首次使用时要求你登录。

它在我的电脑上运行还是在云端？

它在你的电脑上运行。你的 AI 应用会在需要时启动它，数据不会经过作者的服务器（除非它自己调用在线服务）。

它还在维护吗？

GitHub 仓库最后更新于–，最新版本（1.2.3）于5个月前进入注册中心。

哪些应用可以使用它？

支持 MCP 的应用，例如 Claude Desktop、Claude Code、Cursor 和 VS Code。你的电脑上还需要有 Node.js。

有什么可以替代它？

同一分类中有：Spec Driven Development, Remote Desktop Commander, Detailing Manager

替代选择

同一分类中其他作者的服务器，按星标数排序。

如何看卡片：★ GitHub 星标i三大支柱：评价 · 检查 · 使用情况i更新 = 最新版本发布到注册中心的时间i

Spec Driven Development

作者：formulahendry

MCP Server that facilitates spec-driven development workflows, not just Vibe Coding.

在你的电脑上运行★ 440MIT14个月前更新

安装

Remote Desktop Commander

作者：desktop-commander

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

在云端运行★ 211昨天更新

安装

Detailing Manager

作者：RadoslavMoshev

Connect your auto detailing studio's tasks, cars, clients and revenue to Claude or ChatGPT.

在你的电脑上运行今天更新

安装

作者的 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

Tool	Description
`list_components`	List all 105 PrimeReact components, optionally filtered by category
`get_component`	Get full details for a component (stats, props preview, sections)
`get_component_props`	Get all props for a component with types and descriptions
`get_component_events`	Get all event callbacks a component supports
`get_component_methods`	Get component methods (where documented)
`get_component_slots`	Get slots/render props for a component
`get_component_pt`	Get Pass Through (PT) customization options
`get_component_tokens`	Get design tokens (CSS variables)
`get_component_styles`	Get CSS class names
`get_component_sections`	Get all sections with examples (basic, advanced, etc.)
`get_component_import`	Get the correct import statement
`get_component_url`	Get the official documentation URL
`get_usage_example`	Get code examples for a component
`search_components`	Search components by name or description
`find_by_prop`	Find all components that have a specific prop
`find_by_event`	Find all components that emit a specific event
`find_components_with_feature`	Find components with a feature (e.g. "filter", "lazy", "virtual")
`compare_components`	Compare two components side by side
`suggest_component`	Suggest components based on a use-case description
`get_categories`	Get all component categories
`get_version_info`	Get PrimeReact version and compatibility info
`get_form_components`	Get all form input components
`get_data_components`	Get all data display components (tables, lists, trees)
`get_overlay_components`	Get 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

`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.

`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.

@primeng/mcp — Official MCP server for PrimeNG (Angular)
@primeuix/mcp — Shared MCP engine by the PrimeFaces team
PrimeReact Documentation
Model Context Protocol

Primereact MCP

概览

PopNx MCP 的三大支柱

它能帮你做什么

安装

安装之前

它能做什么

基础检查i

作者与仓库一致

仍在维护

有许可证

端点有响应

使用 OAuth 登录

工具描述中没有隐藏指令

与“其他”中的其他服务器比较i

常见问题

替代选择

Spec Driven Development

Remote Desktop Commander

Detailing Manager

作者的 README

primereact-mcp

Features

Quick Start

Prerequisites

Option A — npx (no install needed)

Option B — clone and run locally

MCP Client Setup

Claude Code (CLI)

or point at a local clone

Claude Desktop

Cursor

Windsurf

Available Tools

Example prompts

Upgrading PrimeReact Version

Project Structure

MCP Registry

How it works

Contributing

License

Related