@primereact/mcp 11.0.0-rc.3 → 11.0.0-rc.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +8 -9
- package/data/llms/headless/components/carousel/api.json +1 -1
- package/data/llms/headless/components/contextmenu/api.json +2 -2
- package/data/llms/headless/components/inputcolor/api.json +1 -1
- package/data/llms/headless/components/menu/api.json +2 -2
- package/data/llms/headless/guides/ai/mcp.md +9 -9
- package/data/llms/headless/guides/ai/plugin.md +12 -11
- package/data/llms/llms-full.txt +109 -99
- package/data/llms/primitive/components/carousel/api.json +1 -1
- package/data/llms/primitive/components/contextmenu/api.json +2 -2
- package/data/llms/primitive/components/inputcolor/api.json +1 -1
- package/data/llms/primitive/components/menu/api.json +8 -8
- package/data/llms/primitive/guides/ai/mcp.md +9 -9
- package/data/llms/primitive/guides/ai/plugin.md +12 -11
- package/data/llms/styled/components/dialog.md +11 -8
- package/data/llms/styled/components/fileupload.md +3 -3
- package/data/llms/styled/guides/ai/mcp.md +9 -9
- package/data/llms/styled/guides/ai/plugin.md +12 -11
- package/data/llms/tailwind/components/dialog.md +11 -8
- package/data/llms/tailwind/guides/ai/mcp.md +9 -9
- package/data/llms/tailwind/guides/ai/plugin.md +12 -11
- package/data/manifest.json +46 -46
- package/data/mcp-data.json +4 -4
- package/dist/index.js +1 -1
- package/package.json +7 -3
package/data/llms/llms-full.txt
CHANGED
|
@@ -47464,7 +47464,7 @@ export default function Preview() {
|
|
|
47464
47464
|
<Label htmlFor="name" className="text-sm font-semibold">
|
|
47465
47465
|
Name
|
|
47466
47466
|
</Label>
|
|
47467
|
-
<InputText id="name" defaultValue="Amanda Miller" />
|
|
47467
|
+
<InputText data-autofocus id="name" defaultValue="Amanda Miller" />
|
|
47468
47468
|
</div>
|
|
47469
47469
|
<div className="flex flex-col gap-1">
|
|
47470
47470
|
<Label htmlFor="username" className="text-sm font-semibold">
|
|
@@ -47558,7 +47558,7 @@ export default function BasicDemo() {
|
|
|
47558
47558
|
<div className="flex flex-col gap-4">
|
|
47559
47559
|
<div className="flex flex-col gap-1.5">
|
|
47560
47560
|
<Label htmlFor="name">Name</Label>
|
|
47561
|
-
<InputText id="name" defaultValue="Amanda Miller" />
|
|
47561
|
+
<InputText id="name" defaultValue="Amanda Miller" data-autofocus />
|
|
47562
47562
|
</div>
|
|
47563
47563
|
<div className="flex flex-col gap-1.5">
|
|
47564
47564
|
<Label htmlFor="email">Email</Label>
|
|
@@ -47590,6 +47590,7 @@ A dialog can be repositioned by dragging its header when the `draggable` prop is
|
|
|
47590
47590
|
import { Times } from '@primeicons/react/times';
|
|
47591
47591
|
import { Button } from '@primereact/ui/button';
|
|
47592
47592
|
import { Dialog } from '@primereact/ui/dialog';
|
|
47593
|
+
import { Textarea } from '@primereact/ui/textarea';
|
|
47593
47594
|
|
|
47594
47595
|
export default function DraggableDemo() {
|
|
47595
47596
|
return (
|
|
@@ -47613,8 +47614,10 @@ export default function DraggableDemo() {
|
|
|
47613
47614
|
<p className="text-sm text-surface-500 dark:text-surface-400 mt-0 mb-0">
|
|
47614
47615
|
Drag this dialog by its header to reposition it anywhere on the screen.
|
|
47615
47616
|
</p>
|
|
47616
|
-
<
|
|
47617
|
-
|
|
47617
|
+
<Textarea
|
|
47618
|
+
data-autofocus
|
|
47619
|
+
rows={4}
|
|
47620
|
+
className="w-full resize-none"
|
|
47618
47621
|
placeholder="Type your note here..."
|
|
47619
47622
|
defaultValue="Remember to review the design specs for the new dashboard layout before the meeting tomorrow."
|
|
47620
47623
|
/>
|
|
@@ -47710,7 +47713,7 @@ export default function PositionDemo() {
|
|
|
47710
47713
|
<Label htmlFor="username" className="font-semibold">
|
|
47711
47714
|
Username
|
|
47712
47715
|
</Label>
|
|
47713
|
-
<InputText id="username" />
|
|
47716
|
+
<InputText data-autofocus id="username" />
|
|
47714
47717
|
</div>
|
|
47715
47718
|
<div className="flex flex-col gap-1">
|
|
47716
47719
|
<Label htmlFor="email" className="font-semibold">
|
|
@@ -47898,7 +47901,7 @@ export default function ModalDemo() {
|
|
|
47898
47901
|
<Label htmlFor="username" className="font-semibold">
|
|
47899
47902
|
Username
|
|
47900
47903
|
</Label>
|
|
47901
|
-
<InputText id="username" />
|
|
47904
|
+
<InputText data-autofocus id="username" />
|
|
47902
47905
|
</div>
|
|
47903
47906
|
<div className="flex flex-col gap-1">
|
|
47904
47907
|
<Label htmlFor="email" className="font-semibold">
|
|
@@ -47958,7 +47961,7 @@ export default function WithoutModalDemo() {
|
|
|
47958
47961
|
<Label htmlFor="username" className="font-semibold">
|
|
47959
47962
|
Username
|
|
47960
47963
|
</Label>
|
|
47961
|
-
<InputText id="username" />
|
|
47964
|
+
<InputText data-autofocus id="username" />
|
|
47962
47965
|
</div>
|
|
47963
47966
|
<div className="flex flex-col gap-1">
|
|
47964
47967
|
<Label htmlFor="email" className="font-semibold">
|
|
@@ -48384,7 +48387,7 @@ export default function ResponsiveDemo() {
|
|
|
48384
48387
|
<Label htmlFor="eventName" className="text-sm font-semibold">
|
|
48385
48388
|
Event Name
|
|
48386
48389
|
</Label>
|
|
48387
|
-
<InputText id="eventName" placeholder="e.g. Team Standup" />
|
|
48390
|
+
<InputText data-autofocus id="eventName" placeholder="e.g. Team Standup" />
|
|
48388
48391
|
</div>
|
|
48389
48392
|
<div className="flex flex-col md:flex-row gap-4">
|
|
48390
48393
|
<div className="flex flex-col gap-1 flex-1">
|
|
@@ -49949,7 +49952,7 @@ export default function InputGroupDemo() {
|
|
|
49949
49952
|
const { state, hasFiles } = instance;
|
|
49950
49953
|
|
|
49951
49954
|
return (
|
|
49952
|
-
<FileUpload.Trigger as={Button} severity="secondary" variant="outlined" className="border-
|
|
49955
|
+
<FileUpload.Trigger as={Button} severity="secondary" variant="outlined" className="border-transparent!">
|
|
49953
49956
|
<Upload className="mr-2" />
|
|
49954
49957
|
{hasFiles ? state.files.map((file) => file.name).join(', ') : 'Choose file'}
|
|
49955
49958
|
</FileUpload.Trigger>
|
|
@@ -49966,7 +49969,7 @@ export default function InputGroupDemo() {
|
|
|
49966
49969
|
const { state, hasFiles } = instance;
|
|
49967
49970
|
|
|
49968
49971
|
return (
|
|
49969
|
-
<FileUpload.Trigger as={Button} severity="secondary" variant="outlined" className="border-
|
|
49972
|
+
<FileUpload.Trigger as={Button} severity="secondary" variant="outlined" className="border-transparent!">
|
|
49970
49973
|
<Upload className="mr-2" />
|
|
49971
49974
|
{hasFiles ? state.files.map((file) => file.name).join(', ') : 'Choose file'}
|
|
49972
49975
|
</FileUpload.Trigger>
|
|
@@ -49992,7 +49995,7 @@ export default function InputGroupDemo() {
|
|
|
49992
49995
|
const { state, hasFiles } = instance;
|
|
49993
49996
|
|
|
49994
49997
|
return (
|
|
49995
|
-
<FileUpload.Trigger as={Button} severity="secondary" variant="outlined" className="border-
|
|
49998
|
+
<FileUpload.Trigger as={Button} severity="secondary" variant="outlined" className="border-transparent!">
|
|
49996
49999
|
<Upload className="mr-2" />
|
|
49997
50000
|
{hasFiles ? state.files.map((file) => file.name).join(', ') : 'Browse'}
|
|
49998
50001
|
</FileUpload.Trigger>
|
|
@@ -98218,7 +98221,7 @@ export default function Preview() {
|
|
|
98218
98221
|
<Label htmlFor="tw-name" className="text-sm font-semibold">
|
|
98219
98222
|
Name
|
|
98220
98223
|
</Label>
|
|
98221
|
-
<InputText id="tw-name" defaultValue="Amanda Miller" />
|
|
98224
|
+
<InputText data-autofocus id="tw-name" defaultValue="Amanda Miller" />
|
|
98222
98225
|
</div>
|
|
98223
98226
|
<div className="flex flex-col gap-1">
|
|
98224
98227
|
<Label htmlFor="tw-username" className="text-sm font-semibold">
|
|
@@ -98343,7 +98346,7 @@ export default function BasicDemo() {
|
|
|
98343
98346
|
<div className="flex flex-col gap-4">
|
|
98344
98347
|
<div className="flex flex-col gap-1.5">
|
|
98345
98348
|
<Label htmlFor="name">Name</Label>
|
|
98346
|
-
<InputText id="name" defaultValue="Amanda Miller" />
|
|
98349
|
+
<InputText id="name" defaultValue="Amanda Miller" data-autofocus />
|
|
98347
98350
|
</div>
|
|
98348
98351
|
<div className="flex flex-col gap-1.5">
|
|
98349
98352
|
<Label htmlFor="email">Email</Label>
|
|
@@ -98388,6 +98391,7 @@ import {
|
|
|
98388
98391
|
DialogTitle,
|
|
98389
98392
|
DialogTrigger
|
|
98390
98393
|
} from '@/components/ui/dialog';
|
|
98394
|
+
import { Textarea } from '@/components/ui/textarea';
|
|
98391
98395
|
|
|
98392
98396
|
export default function DraggableDemo() {
|
|
98393
98397
|
return (
|
|
@@ -98411,8 +98415,10 @@ export default function DraggableDemo() {
|
|
|
98411
98415
|
<p className="text-sm text-surface-500 dark:text-surface-400 mt-0 mb-0">
|
|
98412
98416
|
Drag this dialog by its header to reposition it anywhere on the screen.
|
|
98413
98417
|
</p>
|
|
98414
|
-
<
|
|
98415
|
-
|
|
98418
|
+
<Textarea
|
|
98419
|
+
data-autofocus
|
|
98420
|
+
rows={4}
|
|
98421
|
+
className="w-full resize-none"
|
|
98416
98422
|
placeholder="Type your note here..."
|
|
98417
98423
|
defaultValue="Remember to review the design specs for the new dashboard layout before the meeting tomorrow."
|
|
98418
98424
|
/>
|
|
@@ -98519,7 +98525,7 @@ export default function PositionDemo() {
|
|
|
98519
98525
|
<Label htmlFor="username" className="font-semibold">
|
|
98520
98526
|
Username
|
|
98521
98527
|
</Label>
|
|
98522
|
-
<InputText id="username" />
|
|
98528
|
+
<InputText data-autofocus id="username" />
|
|
98523
98529
|
</div>
|
|
98524
98530
|
<div className="flex flex-col gap-1">
|
|
98525
98531
|
<Label htmlFor="email" className="font-semibold">
|
|
@@ -98744,7 +98750,7 @@ export default function ModalDemo() {
|
|
|
98744
98750
|
<Label htmlFor="username" className="font-semibold">
|
|
98745
98751
|
Username
|
|
98746
98752
|
</Label>
|
|
98747
|
-
<InputText id="username" />
|
|
98753
|
+
<InputText data-autofocus id="username" />
|
|
98748
98754
|
</div>
|
|
98749
98755
|
<div className="flex flex-col gap-1">
|
|
98750
98756
|
<Label htmlFor="email" className="font-semibold">
|
|
@@ -98815,7 +98821,7 @@ export default function WithoutModalDemo() {
|
|
|
98815
98821
|
<Label htmlFor="username" className="font-semibold">
|
|
98816
98822
|
Username
|
|
98817
98823
|
</Label>
|
|
98818
|
-
<InputText id="username" />
|
|
98824
|
+
<InputText data-autofocus id="username" />
|
|
98819
98825
|
</div>
|
|
98820
98826
|
<div className="flex flex-col gap-1">
|
|
98821
98827
|
<Label htmlFor="email" className="font-semibold">
|
|
@@ -99301,7 +99307,7 @@ export default function ResponsiveDemo() {
|
|
|
99301
99307
|
<Label htmlFor="eventName" className="text-sm font-semibold">
|
|
99302
99308
|
Event Name
|
|
99303
99309
|
</Label>
|
|
99304
|
-
<InputText id="eventName" placeholder="e.g. Team Standup" />
|
|
99310
|
+
<InputText data-autofocus id="eventName" placeholder="e.g. Team Standup" />
|
|
99305
99311
|
</div>
|
|
99306
99312
|
<div className="flex flex-col md:flex-row gap-4">
|
|
99307
99313
|
<div className="flex flex-col gap-1 flex-1">
|
|
@@ -119012,7 +119018,7 @@ Connect AI assistants to PrimeReact component documentation, guides, examples, s
|
|
|
119012
119018
|
|
|
119013
119019
|
## Introduction
|
|
119014
119020
|
|
|
119015
|
-
[Model Context Protocol (MCP)](https://modelcontextprotocol.io/) lets AI assistants call external tools. The `@primereact/mcp
|
|
119021
|
+
[Model Context Protocol (MCP)](https://modelcontextprotocol.io/) lets AI assistants call external tools. The `@primereact/mcp` package uses those tools to search and read the PrimeReact documentation included with the package.
|
|
119016
119022
|
|
|
119017
119023
|
- Find components, guides, examples, setup instructions, and hooks.
|
|
119018
119024
|
- Read mode-scoped component APIs and documentation sections.
|
|
@@ -119023,11 +119029,11 @@ The server requires Node.js 22 or newer. It is read-only and does not change you
|
|
|
119023
119029
|
|
|
119024
119030
|
## CLI Setup
|
|
119025
119031
|
|
|
119026
|
-
The recommended setup is the [PrimeReact Plugin](./plugin). It installs this MCP server together with the PrimeReact skills for implementation, setup, theming,
|
|
119032
|
+
The recommended setup is the [PrimeReact Plugin](./plugin). It installs this MCP server together with the PrimeReact skills for implementation, setup, theming, accessibility, and troubleshooting.
|
|
119027
119033
|
|
|
119028
119034
|
```bash
|
|
119029
|
-
pnpm dlx @primeui/cli
|
|
119030
|
-
pnpm dlx @primeui/cli
|
|
119035
|
+
pnpm dlx @primeui/cli plugin install --tool copilot --library primereact
|
|
119036
|
+
pnpm dlx @primeui/cli doctor --tool copilot --library primereact
|
|
119031
119037
|
```
|
|
119032
119038
|
|
|
119033
119039
|
Replace `copilot` with `claude`, `codex`, `gemini`, or `cursor` for another supported assistant. Use Manual Setup when you want the MCP server without the plugin skills.
|
|
@@ -119039,7 +119045,7 @@ Replace `copilot` with `claude`, `codex`, `gemini`, or `cursor` for another supp
|
|
|
119039
119045
|
Add the server to your user configuration to use it in every project, or omit `-s user` for the current project only.
|
|
119040
119046
|
|
|
119041
119047
|
```bash
|
|
119042
|
-
claude mcp add primereact -s user -- npx -y @primereact/mcp
|
|
119048
|
+
claude mcp add primereact -s user -- npx -y @primereact/mcp
|
|
119043
119049
|
```
|
|
119044
119050
|
|
|
119045
119051
|
See the [Claude Code MCP documentation](https://docs.anthropic.com/en/docs/claude-code/mcp) for client-specific options.
|
|
@@ -119053,7 +119059,7 @@ Create `.vscode/mcp.json` for project-level setup. To use the server across proj
|
|
|
119053
119059
|
"servers": {
|
|
119054
119060
|
"primereact": {
|
|
119055
119061
|
"command": "npx",
|
|
119056
|
-
"args": ["-y", "@primereact/mcp
|
|
119062
|
+
"args": ["-y", "@primereact/mcp"]
|
|
119057
119063
|
}
|
|
119058
119064
|
}
|
|
119059
119065
|
}
|
|
@@ -119066,13 +119072,13 @@ See the [VS Code MCP documentation](https://code.visualstudio.com/docs/copilot/c
|
|
|
119066
119072
|
Add the server with the Codex CLI, or add the same configuration to `~/.codex/config.toml`.
|
|
119067
119073
|
|
|
119068
119074
|
```bash
|
|
119069
|
-
codex mcp add primereact -- npx -y @primereact/mcp
|
|
119075
|
+
codex mcp add primereact -- npx -y @primereact/mcp
|
|
119070
119076
|
```
|
|
119071
119077
|
|
|
119072
119078
|
```toml
|
|
119073
119079
|
[mcp_servers.primereact]
|
|
119074
119080
|
command = "npx"
|
|
119075
|
-
args = ["-y", "@primereact/mcp
|
|
119081
|
+
args = ["-y", "@primereact/mcp"]
|
|
119076
119082
|
```
|
|
119077
119083
|
|
|
119078
119084
|
See the [OpenAI Codex MCP documentation](https://developers.openai.com/codex/mcp/) for more details.
|
|
@@ -119086,7 +119092,7 @@ Create `.cursor/mcp.json` in your project or `~/.cursor/mcp.json` for global con
|
|
|
119086
119092
|
"mcpServers": {
|
|
119087
119093
|
"primereact": {
|
|
119088
119094
|
"command": "npx",
|
|
119089
|
-
"args": ["-y", "@primereact/mcp
|
|
119095
|
+
"args": ["-y", "@primereact/mcp"]
|
|
119090
119096
|
}
|
|
119091
119097
|
}
|
|
119092
119098
|
}
|
|
@@ -119128,21 +119134,21 @@ Install PrimeReact workflow skills and the PrimeReact MCP server in a supported
|
|
|
119128
119134
|
|
|
119129
119135
|
The PrimeReact Plugin adds PrimeReact skills and the PrimeReact MCP server to Claude Code, Codex, GitHub Copilot, Cursor, or Gemini CLI. Plugins installed through GitHub Copilot CLI are also available in VS Code. Install the plugin when you want the assistant to follow PrimeReact-specific, mode-aware workflows as well as read the current component documentation.
|
|
119130
119136
|
|
|
119131
|
-
The plugin is published from the [primefaces/primeui-plugins](https://github.com/primefaces/primeui-plugins) repository. Use `@primeui/cli
|
|
119137
|
+
The plugin is published from the [primefaces/primeui-plugins](https://github.com/primefaces/primeui-plugins) repository. Use `@primeui/cli` for the same installation flow across supported assistants, or follow the manual setup for your client.
|
|
119132
119138
|
|
|
119133
119139
|
## What It Installs
|
|
119134
119140
|
|
|
119135
119141
|
Installing the PrimeReact Plugin adds:
|
|
119136
119142
|
|
|
119137
|
-
-
|
|
119138
|
-
- The PrimeReact MCP server, configured with `@primereact/mcp
|
|
119143
|
+
- Six focused skills covering routing, implementation, setup, theming, accessibility, and troubleshooting.
|
|
119144
|
+
- The PrimeReact MCP server, configured with `@primereact/mcp`.
|
|
119139
119145
|
- The manifest required by the selected assistant.
|
|
119140
119146
|
|
|
119141
119147
|
PrimeVue and PrimeNG are separate plugins. Installing this plugin does not change your application or install PrimeReact dependencies in the project.
|
|
119142
119148
|
|
|
119143
119149
|
## Skills
|
|
119144
119150
|
|
|
119145
|
-
Each skill covers one type of PrimeReact work. The skills use `@primereact/mcp
|
|
119151
|
+
Each skill covers one type of PrimeReact work. The skills use `@primereact/mcp` when they need mode-scoped component APIs, examples, setup guides, hooks, or usage validation.
|
|
119146
119152
|
|
|
119147
119153
|
| Skill | Use it for |
|
|
119148
119154
|
| ------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------- |
|
|
@@ -119151,9 +119157,10 @@ Each skill covers one type of PrimeReact work. The skills use `@primereact/mcp@1
|
|
|
119151
119157
|
| `primereact-setup-installation` | Configure a supported React environment in `styled`, `tailwind`, `primitive`, or `headless` mode. |
|
|
119152
119158
|
| `primereact-theming-customization` | Work with styled presets and tokens, Tailwind-owned components, primitives, headless markup, or pass-through APIs without mixing modes. |
|
|
119153
119159
|
| `primereact-accessibility-icons` | Review semantics, keyboard behavior, focus, accessible names, PrimeIcons, and custom icons in the selected mode. |
|
|
119154
|
-
| `primereact-migration` | Plan and apply source-backed version or mode changes using current PrimeReact guides. |
|
|
119155
119160
|
| `primereact-audit-troubleshooting` | Find invalid APIs and troubleshoot components, setup, MCP, plugin, or duplicate configurations. |
|
|
119156
119161
|
|
|
119162
|
+
The current PrimeReact v11 documentation does not provide a supported version migration guide, so the plugin does not advertise a migration workflow.
|
|
119163
|
+
|
|
119157
119164
|
Skill names use the `primereact-` prefix because assistants may keep skills from several plugins in one shared namespace.
|
|
119158
119165
|
|
|
119159
119166
|
## How Skills Work
|
|
@@ -119172,7 +119179,7 @@ After implementation, run the checks required by your project, including type ch
|
|
|
119172
119179
|
Set `--tool` to the assistant you use. Keep `--library primereact` when you run the command outside a project or from a project that uses more than one PrimeUI library.
|
|
119173
119180
|
|
|
119174
119181
|
```bash
|
|
119175
|
-
pnpm dlx @primeui/cli
|
|
119182
|
+
pnpm dlx @primeui/cli plugin install --tool copilot --library primereact
|
|
119176
119183
|
```
|
|
119177
119184
|
|
|
119178
119185
|
Supported tool values are `claude`, `codex`, `copilot`, `cursor`, and `gemini`. Use `copilot` for GitHub Copilot CLI and VS Code.
|
|
@@ -119182,13 +119189,13 @@ Supported tool values are `claude`, `codex`, `copilot`, `cursor`, and `gemini`.
|
|
|
119182
119189
|
Use the same CLI to check the installation, update the plugin, or remove it. Each command applies only to PrimeReact in the selected assistant.
|
|
119183
119190
|
|
|
119184
119191
|
```bash
|
|
119185
|
-
pnpm dlx @primeui/cli
|
|
119186
|
-
pnpm dlx @primeui/cli
|
|
119187
|
-
pnpm dlx @primeui/cli
|
|
119188
|
-
pnpm dlx @primeui/cli
|
|
119192
|
+
pnpm dlx @primeui/cli plugin status --tool copilot --library primereact
|
|
119193
|
+
pnpm dlx @primeui/cli plugin update --tool copilot --library primereact
|
|
119194
|
+
pnpm dlx @primeui/cli plugin remove --tool copilot --library primereact
|
|
119195
|
+
pnpm dlx @primeui/cli doctor --tool copilot --library primereact
|
|
119189
119196
|
|
|
119190
119197
|
# Machine-readable diagnostics
|
|
119191
|
-
pnpm dlx @primeui/cli
|
|
119198
|
+
pnpm dlx @primeui/cli doctor --tool copilot --library primereact --json
|
|
119192
119199
|
```
|
|
119193
119200
|
|
|
119194
119201
|
Run `doctor` when the plugin or MCP server is not working as expected. It checks the installation, starts the MCP server, confirms the available tools, and tests documentation retrieval and component validation. Checks that an assistant does not expose are reported as unsupported.
|
|
@@ -119817,7 +119824,7 @@ Connect AI assistants to PrimeReact component documentation, guides, examples, s
|
|
|
119817
119824
|
|
|
119818
119825
|
## Introduction
|
|
119819
119826
|
|
|
119820
|
-
[Model Context Protocol (MCP)](https://modelcontextprotocol.io/) lets AI assistants call external tools. The `@primereact/mcp
|
|
119827
|
+
[Model Context Protocol (MCP)](https://modelcontextprotocol.io/) lets AI assistants call external tools. The `@primereact/mcp` package uses those tools to search and read the PrimeReact documentation included with the package.
|
|
119821
119828
|
|
|
119822
119829
|
- Find components, guides, examples, setup instructions, and hooks.
|
|
119823
119830
|
- Read mode-scoped component APIs and documentation sections.
|
|
@@ -119828,11 +119835,11 @@ The server requires Node.js 22 or newer. It is read-only and does not change you
|
|
|
119828
119835
|
|
|
119829
119836
|
## CLI Setup
|
|
119830
119837
|
|
|
119831
|
-
The recommended setup is the [PrimeReact Plugin](./plugin). It installs this MCP server together with the PrimeReact skills for implementation, setup, theming,
|
|
119838
|
+
The recommended setup is the [PrimeReact Plugin](./plugin). It installs this MCP server together with the PrimeReact skills for implementation, setup, theming, accessibility, and troubleshooting.
|
|
119832
119839
|
|
|
119833
119840
|
```bash
|
|
119834
|
-
pnpm dlx @primeui/cli
|
|
119835
|
-
pnpm dlx @primeui/cli
|
|
119841
|
+
pnpm dlx @primeui/cli plugin install --tool copilot --library primereact
|
|
119842
|
+
pnpm dlx @primeui/cli doctor --tool copilot --library primereact
|
|
119836
119843
|
```
|
|
119837
119844
|
|
|
119838
119845
|
Replace `copilot` with `claude`, `codex`, `gemini`, or `cursor` for another supported assistant. Use Manual Setup when you want the MCP server without the plugin skills.
|
|
@@ -119844,7 +119851,7 @@ Replace `copilot` with `claude`, `codex`, `gemini`, or `cursor` for another supp
|
|
|
119844
119851
|
Add the server to your user configuration to use it in every project, or omit `-s user` for the current project only.
|
|
119845
119852
|
|
|
119846
119853
|
```bash
|
|
119847
|
-
claude mcp add primereact -s user -- npx -y @primereact/mcp
|
|
119854
|
+
claude mcp add primereact -s user -- npx -y @primereact/mcp
|
|
119848
119855
|
```
|
|
119849
119856
|
|
|
119850
119857
|
See the [Claude Code MCP documentation](https://docs.anthropic.com/en/docs/claude-code/mcp) for client-specific options.
|
|
@@ -119858,7 +119865,7 @@ Create `.vscode/mcp.json` for project-level setup. To use the server across proj
|
|
|
119858
119865
|
"servers": {
|
|
119859
119866
|
"primereact": {
|
|
119860
119867
|
"command": "npx",
|
|
119861
|
-
"args": ["-y", "@primereact/mcp
|
|
119868
|
+
"args": ["-y", "@primereact/mcp"]
|
|
119862
119869
|
}
|
|
119863
119870
|
}
|
|
119864
119871
|
}
|
|
@@ -119871,13 +119878,13 @@ See the [VS Code MCP documentation](https://code.visualstudio.com/docs/copilot/c
|
|
|
119871
119878
|
Add the server with the Codex CLI, or add the same configuration to `~/.codex/config.toml`.
|
|
119872
119879
|
|
|
119873
119880
|
```bash
|
|
119874
|
-
codex mcp add primereact -- npx -y @primereact/mcp
|
|
119881
|
+
codex mcp add primereact -- npx -y @primereact/mcp
|
|
119875
119882
|
```
|
|
119876
119883
|
|
|
119877
119884
|
```toml
|
|
119878
119885
|
[mcp_servers.primereact]
|
|
119879
119886
|
command = "npx"
|
|
119880
|
-
args = ["-y", "@primereact/mcp
|
|
119887
|
+
args = ["-y", "@primereact/mcp"]
|
|
119881
119888
|
```
|
|
119882
119889
|
|
|
119883
119890
|
See the [OpenAI Codex MCP documentation](https://developers.openai.com/codex/mcp/) for more details.
|
|
@@ -119891,7 +119898,7 @@ Create `.cursor/mcp.json` in your project or `~/.cursor/mcp.json` for global con
|
|
|
119891
119898
|
"mcpServers": {
|
|
119892
119899
|
"primereact": {
|
|
119893
119900
|
"command": "npx",
|
|
119894
|
-
"args": ["-y", "@primereact/mcp
|
|
119901
|
+
"args": ["-y", "@primereact/mcp"]
|
|
119895
119902
|
}
|
|
119896
119903
|
}
|
|
119897
119904
|
}
|
|
@@ -119933,21 +119940,21 @@ Install PrimeReact workflow skills and the PrimeReact MCP server in a supported
|
|
|
119933
119940
|
|
|
119934
119941
|
The PrimeReact Plugin adds PrimeReact skills and the PrimeReact MCP server to Claude Code, Codex, GitHub Copilot, Cursor, or Gemini CLI. Plugins installed through GitHub Copilot CLI are also available in VS Code. Install the plugin when you want the assistant to follow PrimeReact-specific, mode-aware workflows as well as read the current component documentation.
|
|
119935
119942
|
|
|
119936
|
-
The plugin is published from the [primefaces/primeui-plugins](https://github.com/primefaces/primeui-plugins) repository. Use `@primeui/cli
|
|
119943
|
+
The plugin is published from the [primefaces/primeui-plugins](https://github.com/primefaces/primeui-plugins) repository. Use `@primeui/cli` for the same installation flow across supported assistants, or follow the manual setup for your client.
|
|
119937
119944
|
|
|
119938
119945
|
## What It Installs
|
|
119939
119946
|
|
|
119940
119947
|
Installing the PrimeReact Plugin adds:
|
|
119941
119948
|
|
|
119942
|
-
-
|
|
119943
|
-
- The PrimeReact MCP server, configured with `@primereact/mcp
|
|
119949
|
+
- Six focused skills covering routing, implementation, setup, theming, accessibility, and troubleshooting.
|
|
119950
|
+
- The PrimeReact MCP server, configured with `@primereact/mcp`.
|
|
119944
119951
|
- The manifest required by the selected assistant.
|
|
119945
119952
|
|
|
119946
119953
|
PrimeVue and PrimeNG are separate plugins. Installing this plugin does not change your application or install PrimeReact dependencies in the project.
|
|
119947
119954
|
|
|
119948
119955
|
## Skills
|
|
119949
119956
|
|
|
119950
|
-
Each skill covers one type of PrimeReact work. The skills use `@primereact/mcp
|
|
119957
|
+
Each skill covers one type of PrimeReact work. The skills use `@primereact/mcp` when they need mode-scoped component APIs, examples, setup guides, hooks, or usage validation.
|
|
119951
119958
|
|
|
119952
119959
|
| Skill | Use it for |
|
|
119953
119960
|
| ------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------- |
|
|
@@ -119956,9 +119963,10 @@ Each skill covers one type of PrimeReact work. The skills use `@primereact/mcp@1
|
|
|
119956
119963
|
| `primereact-setup-installation` | Configure a supported React environment in `styled`, `tailwind`, `primitive`, or `headless` mode. |
|
|
119957
119964
|
| `primereact-theming-customization` | Work with styled presets and tokens, Tailwind-owned components, primitives, headless markup, or pass-through APIs without mixing modes. |
|
|
119958
119965
|
| `primereact-accessibility-icons` | Review semantics, keyboard behavior, focus, accessible names, PrimeIcons, and custom icons in the selected mode. |
|
|
119959
|
-
| `primereact-migration` | Plan and apply source-backed version or mode changes using current PrimeReact guides. |
|
|
119960
119966
|
| `primereact-audit-troubleshooting` | Find invalid APIs and troubleshoot components, setup, MCP, plugin, or duplicate configurations. |
|
|
119961
119967
|
|
|
119968
|
+
The current PrimeReact v11 documentation does not provide a supported version migration guide, so the plugin does not advertise a migration workflow.
|
|
119969
|
+
|
|
119962
119970
|
Skill names use the `primereact-` prefix because assistants may keep skills from several plugins in one shared namespace.
|
|
119963
119971
|
|
|
119964
119972
|
## How Skills Work
|
|
@@ -119977,7 +119985,7 @@ After implementation, run the checks required by your project, including type ch
|
|
|
119977
119985
|
Set `--tool` to the assistant you use. Keep `--library primereact` when you run the command outside a project or from a project that uses more than one PrimeUI library.
|
|
119978
119986
|
|
|
119979
119987
|
```bash
|
|
119980
|
-
pnpm dlx @primeui/cli
|
|
119988
|
+
pnpm dlx @primeui/cli plugin install --tool copilot --library primereact
|
|
119981
119989
|
```
|
|
119982
119990
|
|
|
119983
119991
|
Supported tool values are `claude`, `codex`, `copilot`, `cursor`, and `gemini`. Use `copilot` for GitHub Copilot CLI and VS Code.
|
|
@@ -119987,13 +119995,13 @@ Supported tool values are `claude`, `codex`, `copilot`, `cursor`, and `gemini`.
|
|
|
119987
119995
|
Use the same CLI to check the installation, update the plugin, or remove it. Each command applies only to PrimeReact in the selected assistant.
|
|
119988
119996
|
|
|
119989
119997
|
```bash
|
|
119990
|
-
pnpm dlx @primeui/cli
|
|
119991
|
-
pnpm dlx @primeui/cli
|
|
119992
|
-
pnpm dlx @primeui/cli
|
|
119993
|
-
pnpm dlx @primeui/cli
|
|
119998
|
+
pnpm dlx @primeui/cli plugin status --tool copilot --library primereact
|
|
119999
|
+
pnpm dlx @primeui/cli plugin update --tool copilot --library primereact
|
|
120000
|
+
pnpm dlx @primeui/cli plugin remove --tool copilot --library primereact
|
|
120001
|
+
pnpm dlx @primeui/cli doctor --tool copilot --library primereact
|
|
119994
120002
|
|
|
119995
120003
|
# Machine-readable diagnostics
|
|
119996
|
-
pnpm dlx @primeui/cli
|
|
120004
|
+
pnpm dlx @primeui/cli doctor --tool copilot --library primereact --json
|
|
119997
120005
|
```
|
|
119998
120006
|
|
|
119999
120007
|
Run `doctor` when the plugin or MCP server is not working as expected. It checks the installation, starts the MCP server, confirms the available tools, and tests documentation retrieval and component validation. Checks that an assistant does not expose are reported as unsupported.
|
|
@@ -121065,7 +121073,7 @@ Connect AI assistants to PrimeReact component documentation, guides, examples, s
|
|
|
121065
121073
|
|
|
121066
121074
|
## Introduction
|
|
121067
121075
|
|
|
121068
|
-
[Model Context Protocol (MCP)](https://modelcontextprotocol.io/) lets AI assistants call external tools. The `@primereact/mcp
|
|
121076
|
+
[Model Context Protocol (MCP)](https://modelcontextprotocol.io/) lets AI assistants call external tools. The `@primereact/mcp` package uses those tools to search and read the PrimeReact documentation included with the package.
|
|
121069
121077
|
|
|
121070
121078
|
- Find components, guides, examples, setup instructions, and hooks.
|
|
121071
121079
|
- Read mode-scoped component APIs and documentation sections.
|
|
@@ -121076,11 +121084,11 @@ The server requires Node.js 22 or newer. It is read-only and does not change you
|
|
|
121076
121084
|
|
|
121077
121085
|
## CLI Setup
|
|
121078
121086
|
|
|
121079
|
-
The recommended setup is the [PrimeReact Plugin](./plugin). It installs this MCP server together with the PrimeReact skills for implementation, setup, theming,
|
|
121087
|
+
The recommended setup is the [PrimeReact Plugin](./plugin). It installs this MCP server together with the PrimeReact skills for implementation, setup, theming, accessibility, and troubleshooting.
|
|
121080
121088
|
|
|
121081
121089
|
```bash
|
|
121082
|
-
pnpm dlx @primeui/cli
|
|
121083
|
-
pnpm dlx @primeui/cli
|
|
121090
|
+
pnpm dlx @primeui/cli plugin install --tool copilot --library primereact
|
|
121091
|
+
pnpm dlx @primeui/cli doctor --tool copilot --library primereact
|
|
121084
121092
|
```
|
|
121085
121093
|
|
|
121086
121094
|
Replace `copilot` with `claude`, `codex`, `gemini`, or `cursor` for another supported assistant. Use Manual Setup when you want the MCP server without the plugin skills.
|
|
@@ -121092,7 +121100,7 @@ Replace `copilot` with `claude`, `codex`, `gemini`, or `cursor` for another supp
|
|
|
121092
121100
|
Add the server to your user configuration to use it in every project, or omit `-s user` for the current project only.
|
|
121093
121101
|
|
|
121094
121102
|
```bash
|
|
121095
|
-
claude mcp add primereact -s user -- npx -y @primereact/mcp
|
|
121103
|
+
claude mcp add primereact -s user -- npx -y @primereact/mcp
|
|
121096
121104
|
```
|
|
121097
121105
|
|
|
121098
121106
|
See the [Claude Code MCP documentation](https://docs.anthropic.com/en/docs/claude-code/mcp) for client-specific options.
|
|
@@ -121106,7 +121114,7 @@ Create `.vscode/mcp.json` for project-level setup. To use the server across proj
|
|
|
121106
121114
|
"servers": {
|
|
121107
121115
|
"primereact": {
|
|
121108
121116
|
"command": "npx",
|
|
121109
|
-
"args": ["-y", "@primereact/mcp
|
|
121117
|
+
"args": ["-y", "@primereact/mcp"]
|
|
121110
121118
|
}
|
|
121111
121119
|
}
|
|
121112
121120
|
}
|
|
@@ -121119,13 +121127,13 @@ See the [VS Code MCP documentation](https://code.visualstudio.com/docs/copilot/c
|
|
|
121119
121127
|
Add the server with the Codex CLI, or add the same configuration to `~/.codex/config.toml`.
|
|
121120
121128
|
|
|
121121
121129
|
```bash
|
|
121122
|
-
codex mcp add primereact -- npx -y @primereact/mcp
|
|
121130
|
+
codex mcp add primereact -- npx -y @primereact/mcp
|
|
121123
121131
|
```
|
|
121124
121132
|
|
|
121125
121133
|
```toml
|
|
121126
121134
|
[mcp_servers.primereact]
|
|
121127
121135
|
command = "npx"
|
|
121128
|
-
args = ["-y", "@primereact/mcp
|
|
121136
|
+
args = ["-y", "@primereact/mcp"]
|
|
121129
121137
|
```
|
|
121130
121138
|
|
|
121131
121139
|
See the [OpenAI Codex MCP documentation](https://developers.openai.com/codex/mcp/) for more details.
|
|
@@ -121139,7 +121147,7 @@ Create `.cursor/mcp.json` in your project or `~/.cursor/mcp.json` for global con
|
|
|
121139
121147
|
"mcpServers": {
|
|
121140
121148
|
"primereact": {
|
|
121141
121149
|
"command": "npx",
|
|
121142
|
-
"args": ["-y", "@primereact/mcp
|
|
121150
|
+
"args": ["-y", "@primereact/mcp"]
|
|
121143
121151
|
}
|
|
121144
121152
|
}
|
|
121145
121153
|
}
|
|
@@ -121181,21 +121189,21 @@ Install PrimeReact workflow skills and the PrimeReact MCP server in a supported
|
|
|
121181
121189
|
|
|
121182
121190
|
The PrimeReact Plugin adds PrimeReact skills and the PrimeReact MCP server to Claude Code, Codex, GitHub Copilot, Cursor, or Gemini CLI. Plugins installed through GitHub Copilot CLI are also available in VS Code. Install the plugin when you want the assistant to follow PrimeReact-specific, mode-aware workflows as well as read the current component documentation.
|
|
121183
121191
|
|
|
121184
|
-
The plugin is published from the [primefaces/primeui-plugins](https://github.com/primefaces/primeui-plugins) repository. Use `@primeui/cli
|
|
121192
|
+
The plugin is published from the [primefaces/primeui-plugins](https://github.com/primefaces/primeui-plugins) repository. Use `@primeui/cli` for the same installation flow across supported assistants, or follow the manual setup for your client.
|
|
121185
121193
|
|
|
121186
121194
|
## What It Installs
|
|
121187
121195
|
|
|
121188
121196
|
Installing the PrimeReact Plugin adds:
|
|
121189
121197
|
|
|
121190
|
-
-
|
|
121191
|
-
- The PrimeReact MCP server, configured with `@primereact/mcp
|
|
121198
|
+
- Six focused skills covering routing, implementation, setup, theming, accessibility, and troubleshooting.
|
|
121199
|
+
- The PrimeReact MCP server, configured with `@primereact/mcp`.
|
|
121192
121200
|
- The manifest required by the selected assistant.
|
|
121193
121201
|
|
|
121194
121202
|
PrimeVue and PrimeNG are separate plugins. Installing this plugin does not change your application or install PrimeReact dependencies in the project.
|
|
121195
121203
|
|
|
121196
121204
|
## Skills
|
|
121197
121205
|
|
|
121198
|
-
Each skill covers one type of PrimeReact work. The skills use `@primereact/mcp
|
|
121206
|
+
Each skill covers one type of PrimeReact work. The skills use `@primereact/mcp` when they need mode-scoped component APIs, examples, setup guides, hooks, or usage validation.
|
|
121199
121207
|
|
|
121200
121208
|
| Skill | Use it for |
|
|
121201
121209
|
| ------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------- |
|
|
@@ -121204,9 +121212,10 @@ Each skill covers one type of PrimeReact work. The skills use `@primereact/mcp@1
|
|
|
121204
121212
|
| `primereact-setup-installation` | Configure a supported React environment in `styled`, `tailwind`, `primitive`, or `headless` mode. |
|
|
121205
121213
|
| `primereact-theming-customization` | Work with styled presets and tokens, Tailwind-owned components, primitives, headless markup, or pass-through APIs without mixing modes. |
|
|
121206
121214
|
| `primereact-accessibility-icons` | Review semantics, keyboard behavior, focus, accessible names, PrimeIcons, and custom icons in the selected mode. |
|
|
121207
|
-
| `primereact-migration` | Plan and apply source-backed version or mode changes using current PrimeReact guides. |
|
|
121208
121215
|
| `primereact-audit-troubleshooting` | Find invalid APIs and troubleshoot components, setup, MCP, plugin, or duplicate configurations. |
|
|
121209
121216
|
|
|
121217
|
+
The current PrimeReact v11 documentation does not provide a supported version migration guide, so the plugin does not advertise a migration workflow.
|
|
121218
|
+
|
|
121210
121219
|
Skill names use the `primereact-` prefix because assistants may keep skills from several plugins in one shared namespace.
|
|
121211
121220
|
|
|
121212
121221
|
## How Skills Work
|
|
@@ -121225,7 +121234,7 @@ After implementation, run the checks required by your project, including type ch
|
|
|
121225
121234
|
Set `--tool` to the assistant you use. Keep `--library primereact` when you run the command outside a project or from a project that uses more than one PrimeUI library.
|
|
121226
121235
|
|
|
121227
121236
|
```bash
|
|
121228
|
-
pnpm dlx @primeui/cli
|
|
121237
|
+
pnpm dlx @primeui/cli plugin install --tool copilot --library primereact
|
|
121229
121238
|
```
|
|
121230
121239
|
|
|
121231
121240
|
Supported tool values are `claude`, `codex`, `copilot`, `cursor`, and `gemini`. Use `copilot` for GitHub Copilot CLI and VS Code.
|
|
@@ -121235,13 +121244,13 @@ Supported tool values are `claude`, `codex`, `copilot`, `cursor`, and `gemini`.
|
|
|
121235
121244
|
Use the same CLI to check the installation, update the plugin, or remove it. Each command applies only to PrimeReact in the selected assistant.
|
|
121236
121245
|
|
|
121237
121246
|
```bash
|
|
121238
|
-
pnpm dlx @primeui/cli
|
|
121239
|
-
pnpm dlx @primeui/cli
|
|
121240
|
-
pnpm dlx @primeui/cli
|
|
121241
|
-
pnpm dlx @primeui/cli
|
|
121247
|
+
pnpm dlx @primeui/cli plugin status --tool copilot --library primereact
|
|
121248
|
+
pnpm dlx @primeui/cli plugin update --tool copilot --library primereact
|
|
121249
|
+
pnpm dlx @primeui/cli plugin remove --tool copilot --library primereact
|
|
121250
|
+
pnpm dlx @primeui/cli doctor --tool copilot --library primereact
|
|
121242
121251
|
|
|
121243
121252
|
# Machine-readable diagnostics
|
|
121244
|
-
pnpm dlx @primeui/cli
|
|
121253
|
+
pnpm dlx @primeui/cli doctor --tool copilot --library primereact --json
|
|
121245
121254
|
```
|
|
121246
121255
|
|
|
121247
121256
|
Run `doctor` when the plugin or MCP server is not working as expected. It checks the installation, starts the MCP server, confirms the available tools, and tests documentation retrieval and component validation. Checks that an assistant does not expose are reported as unsupported.
|
|
@@ -124356,7 +124365,7 @@ Connect AI assistants to PrimeReact component documentation, guides, examples, s
|
|
|
124356
124365
|
|
|
124357
124366
|
## Introduction
|
|
124358
124367
|
|
|
124359
|
-
[Model Context Protocol (MCP)](https://modelcontextprotocol.io/) lets AI assistants call external tools. The `@primereact/mcp
|
|
124368
|
+
[Model Context Protocol (MCP)](https://modelcontextprotocol.io/) lets AI assistants call external tools. The `@primereact/mcp` package uses those tools to search and read the PrimeReact documentation included with the package.
|
|
124360
124369
|
|
|
124361
124370
|
- Find components, guides, examples, setup instructions, and hooks.
|
|
124362
124371
|
- Read mode-scoped component APIs and documentation sections.
|
|
@@ -124367,11 +124376,11 @@ The server requires Node.js 22 or newer. It is read-only and does not change you
|
|
|
124367
124376
|
|
|
124368
124377
|
## CLI Setup
|
|
124369
124378
|
|
|
124370
|
-
The recommended setup is the [PrimeReact Plugin](./plugin). It installs this MCP server together with the PrimeReact skills for implementation, setup, theming,
|
|
124379
|
+
The recommended setup is the [PrimeReact Plugin](./plugin). It installs this MCP server together with the PrimeReact skills for implementation, setup, theming, accessibility, and troubleshooting.
|
|
124371
124380
|
|
|
124372
124381
|
```bash
|
|
124373
|
-
pnpm dlx @primeui/cli
|
|
124374
|
-
pnpm dlx @primeui/cli
|
|
124382
|
+
pnpm dlx @primeui/cli plugin install --tool copilot --library primereact
|
|
124383
|
+
pnpm dlx @primeui/cli doctor --tool copilot --library primereact
|
|
124375
124384
|
```
|
|
124376
124385
|
|
|
124377
124386
|
Replace `copilot` with `claude`, `codex`, `gemini`, or `cursor` for another supported assistant. Use Manual Setup when you want the MCP server without the plugin skills.
|
|
@@ -124383,7 +124392,7 @@ Replace `copilot` with `claude`, `codex`, `gemini`, or `cursor` for another supp
|
|
|
124383
124392
|
Add the server to your user configuration to use it in every project, or omit `-s user` for the current project only.
|
|
124384
124393
|
|
|
124385
124394
|
```bash
|
|
124386
|
-
claude mcp add primereact -s user -- npx -y @primereact/mcp
|
|
124395
|
+
claude mcp add primereact -s user -- npx -y @primereact/mcp
|
|
124387
124396
|
```
|
|
124388
124397
|
|
|
124389
124398
|
See the [Claude Code MCP documentation](https://docs.anthropic.com/en/docs/claude-code/mcp) for client-specific options.
|
|
@@ -124397,7 +124406,7 @@ Create `.vscode/mcp.json` for project-level setup. To use the server across proj
|
|
|
124397
124406
|
"servers": {
|
|
124398
124407
|
"primereact": {
|
|
124399
124408
|
"command": "npx",
|
|
124400
|
-
"args": ["-y", "@primereact/mcp
|
|
124409
|
+
"args": ["-y", "@primereact/mcp"]
|
|
124401
124410
|
}
|
|
124402
124411
|
}
|
|
124403
124412
|
}
|
|
@@ -124410,13 +124419,13 @@ See the [VS Code MCP documentation](https://code.visualstudio.com/docs/copilot/c
|
|
|
124410
124419
|
Add the server with the Codex CLI, or add the same configuration to `~/.codex/config.toml`.
|
|
124411
124420
|
|
|
124412
124421
|
```bash
|
|
124413
|
-
codex mcp add primereact -- npx -y @primereact/mcp
|
|
124422
|
+
codex mcp add primereact -- npx -y @primereact/mcp
|
|
124414
124423
|
```
|
|
124415
124424
|
|
|
124416
124425
|
```toml
|
|
124417
124426
|
[mcp_servers.primereact]
|
|
124418
124427
|
command = "npx"
|
|
124419
|
-
args = ["-y", "@primereact/mcp
|
|
124428
|
+
args = ["-y", "@primereact/mcp"]
|
|
124420
124429
|
```
|
|
124421
124430
|
|
|
124422
124431
|
See the [OpenAI Codex MCP documentation](https://developers.openai.com/codex/mcp/) for more details.
|
|
@@ -124430,7 +124439,7 @@ Create `.cursor/mcp.json` in your project or `~/.cursor/mcp.json` for global con
|
|
|
124430
124439
|
"mcpServers": {
|
|
124431
124440
|
"primereact": {
|
|
124432
124441
|
"command": "npx",
|
|
124433
|
-
"args": ["-y", "@primereact/mcp
|
|
124442
|
+
"args": ["-y", "@primereact/mcp"]
|
|
124434
124443
|
}
|
|
124435
124444
|
}
|
|
124436
124445
|
}
|
|
@@ -124472,21 +124481,21 @@ Install PrimeReact workflow skills and the PrimeReact MCP server in a supported
|
|
|
124472
124481
|
|
|
124473
124482
|
The PrimeReact Plugin adds PrimeReact skills and the PrimeReact MCP server to Claude Code, Codex, GitHub Copilot, Cursor, or Gemini CLI. Plugins installed through GitHub Copilot CLI are also available in VS Code. Install the plugin when you want the assistant to follow PrimeReact-specific, mode-aware workflows as well as read the current component documentation.
|
|
124474
124483
|
|
|
124475
|
-
The plugin is published from the [primefaces/primeui-plugins](https://github.com/primefaces/primeui-plugins) repository. Use `@primeui/cli
|
|
124484
|
+
The plugin is published from the [primefaces/primeui-plugins](https://github.com/primefaces/primeui-plugins) repository. Use `@primeui/cli` for the same installation flow across supported assistants, or follow the manual setup for your client.
|
|
124476
124485
|
|
|
124477
124486
|
## What It Installs
|
|
124478
124487
|
|
|
124479
124488
|
Installing the PrimeReact Plugin adds:
|
|
124480
124489
|
|
|
124481
|
-
-
|
|
124482
|
-
- The PrimeReact MCP server, configured with `@primereact/mcp
|
|
124490
|
+
- Six focused skills covering routing, implementation, setup, theming, accessibility, and troubleshooting.
|
|
124491
|
+
- The PrimeReact MCP server, configured with `@primereact/mcp`.
|
|
124483
124492
|
- The manifest required by the selected assistant.
|
|
124484
124493
|
|
|
124485
124494
|
PrimeVue and PrimeNG are separate plugins. Installing this plugin does not change your application or install PrimeReact dependencies in the project.
|
|
124486
124495
|
|
|
124487
124496
|
## Skills
|
|
124488
124497
|
|
|
124489
|
-
Each skill covers one type of PrimeReact work. The skills use `@primereact/mcp
|
|
124498
|
+
Each skill covers one type of PrimeReact work. The skills use `@primereact/mcp` when they need mode-scoped component APIs, examples, setup guides, hooks, or usage validation.
|
|
124490
124499
|
|
|
124491
124500
|
| Skill | Use it for |
|
|
124492
124501
|
| ------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------- |
|
|
@@ -124495,9 +124504,10 @@ Each skill covers one type of PrimeReact work. The skills use `@primereact/mcp@1
|
|
|
124495
124504
|
| `primereact-setup-installation` | Configure a supported React environment in `styled`, `tailwind`, `primitive`, or `headless` mode. |
|
|
124496
124505
|
| `primereact-theming-customization` | Work with styled presets and tokens, Tailwind-owned components, primitives, headless markup, or pass-through APIs without mixing modes. |
|
|
124497
124506
|
| `primereact-accessibility-icons` | Review semantics, keyboard behavior, focus, accessible names, PrimeIcons, and custom icons in the selected mode. |
|
|
124498
|
-
| `primereact-migration` | Plan and apply source-backed version or mode changes using current PrimeReact guides. |
|
|
124499
124507
|
| `primereact-audit-troubleshooting` | Find invalid APIs and troubleshoot components, setup, MCP, plugin, or duplicate configurations. |
|
|
124500
124508
|
|
|
124509
|
+
The current PrimeReact v11 documentation does not provide a supported version migration guide, so the plugin does not advertise a migration workflow.
|
|
124510
|
+
|
|
124501
124511
|
Skill names use the `primereact-` prefix because assistants may keep skills from several plugins in one shared namespace.
|
|
124502
124512
|
|
|
124503
124513
|
## How Skills Work
|
|
@@ -124516,7 +124526,7 @@ After implementation, run the checks required by your project, including type ch
|
|
|
124516
124526
|
Set `--tool` to the assistant you use. Keep `--library primereact` when you run the command outside a project or from a project that uses more than one PrimeUI library.
|
|
124517
124527
|
|
|
124518
124528
|
```bash
|
|
124519
|
-
pnpm dlx @primeui/cli
|
|
124529
|
+
pnpm dlx @primeui/cli plugin install --tool copilot --library primereact
|
|
124520
124530
|
```
|
|
124521
124531
|
|
|
124522
124532
|
Supported tool values are `claude`, `codex`, `copilot`, `cursor`, and `gemini`. Use `copilot` for GitHub Copilot CLI and VS Code.
|
|
@@ -124526,13 +124536,13 @@ Supported tool values are `claude`, `codex`, `copilot`, `cursor`, and `gemini`.
|
|
|
124526
124536
|
Use the same CLI to check the installation, update the plugin, or remove it. Each command applies only to PrimeReact in the selected assistant.
|
|
124527
124537
|
|
|
124528
124538
|
```bash
|
|
124529
|
-
pnpm dlx @primeui/cli
|
|
124530
|
-
pnpm dlx @primeui/cli
|
|
124531
|
-
pnpm dlx @primeui/cli
|
|
124532
|
-
pnpm dlx @primeui/cli
|
|
124539
|
+
pnpm dlx @primeui/cli plugin status --tool copilot --library primereact
|
|
124540
|
+
pnpm dlx @primeui/cli plugin update --tool copilot --library primereact
|
|
124541
|
+
pnpm dlx @primeui/cli plugin remove --tool copilot --library primereact
|
|
124542
|
+
pnpm dlx @primeui/cli doctor --tool copilot --library primereact
|
|
124533
124543
|
|
|
124534
124544
|
# Machine-readable diagnostics
|
|
124535
|
-
pnpm dlx @primeui/cli
|
|
124545
|
+
pnpm dlx @primeui/cli doctor --tool copilot --library primereact --json
|
|
124536
124546
|
```
|
|
124537
124547
|
|
|
124538
124548
|
Run `doctor` when the plugin or MCP server is not working as expected. It checks the installation, starts the MCP server, confirms the available tools, and tests documentation retrieval and component validation. Checks that an assistant does not expose are reported as unsupported.
|