{"owner":"primefaces","repo":"primevue","hasSkills":true,"totalSkillsCount":9,"totalTokensCount":3071,"categories":["plugin-manifest"],"hasMcp":false,"mcpConfig":null,"found":["packages/auto-import-resolver/README.md","packages/core/README.md","packages/forms/README.md","packages/icons/README.md","packages/mcp/README.md","packages/metadata/README.md","packages/nuxt-module/README.md","packages/primevue/README.md","packages/themes/README.md"],"skills":{"packages/auto-import-resolver/README.md":"# PrimeVue AutoImportResolver\n","packages/core/README.md":"# PrimeVue Core\n","packages/forms/README.md":"# PrimeVue Forms\n","packages/icons/README.md":"# PrimeVue Icons\n","packages/mcp/README.md":"# @primevue/mcp\n\nModel Context Protocol (MCP) server for PrimeVue component library. Provides AI assistants with comprehensive access to PrimeVue component documentation, props, events, slots, theming, and code examples.\n\n## What is MCP?\n\n[Model Context Protocol (MCP)](https://modelcontextprotocol.io/) is an open standard that enables AI models to connect with external tools and data sources. By installing this MCP server, your AI assistant gains deep knowledge of PrimeVue components and can provide accurate, up-to-date information while helping you build Vue.js applications.\n\n## Installation\n\n### Claude Code\n\nAdd the PrimeVue MCP server using the CLI:\n\n```bash\n# Add to your user config (available in all projects)\nclaude mcp add primevue -s user -- npx -y @primevue/mcp\n\n# Or add to current project only\nclaude mcp add primevue -- npx -y @primevue/mcp\n```\n\nAlternatively, use the JSON format for more control:\n\n```bash\nclaude mcp add-json primevue '{\"command\":\"npx\",\"args\":[\"-y\",\"@primevue/mcp\"]}' -s user\n```\n\n**Useful commands:**\n\n```bash\nclaude mcp list           # List all MCP servers\nclaude mcp get primevue   # Get server details\nclaude mcp remove primevue # Remove the server\n```\n\nAfter adding, start a new Claude Code session and use `/mcp` to verify the connection.\n\n> **Reference:** [Claude Code MCP Documentation](https://code.claude.com/docs/en/mcp)\n\n---\n\n### Cursor\n\n**Option 1: Project Configuration**\n\nCreate `.cursor/mcp.json` in your project:\n\n```json\n{\n    \"mcpServers\": {\n        \"primevue\": {\n            \"command\": \"npx\",\n            \"args\": [\"-y\", \"@primevue/mcp\"]\n        }\n    }\n}\n```\n\n**Option 2: Global Configuration**\n\nCreate or edit `~/.cursor/mcp.json` in your home directory:\n\n```json\n{\n    \"mcpServers\": {\n        \"primevue\": {\n            \"command\": \"npx\",\n            \"args\": [\"-y\", \"@primevue/mcp\"]\n        }\n    }\n}\n```\n\n**Option 3: Via Settings UI**\n\n1. Go to **Cursor Settings** > **Tools & Integrations**\n2. Click **New MCP Server**\n3. Add the configuration above\n\nAfter adding, go to **Settings > MCP** and click the refresh button. The Composer Agent will automatically use PrimeVue tools when relevant.\n\n> **Reference:** [Cursor MCP Documentation](https://docs.cursor.com/context/model-context-protocol)\n\n---\n\n### VS Code (GitHub Copilot)\n\n**Option 1: Project Configuration**\n\nCreate `.vscode/mcp.json` in your project:\n\n```json\n{\n    \"servers\": {\n        \"primevue\": {\n            \"command\": \"npx\",\n            \"args\": [\"-y\", \"@primevue/mcp\"]\n        }\n    }\n}\n```\n\n**Option 2: User Configuration (Global)**\n\nCreate or edit the MCP configuration file in your VS Code user data directory:\n\n- **macOS**: `~/Library/Application Support/Code/User/mcp.json`\n- **Windows**: `%APPDATA%\\Code\\User\\mcp.json`\n- **Linux**: `~/.config/Code/User/mcp.json`\n\n```json\n{\n    \"servers\": {\n        \"primevue\": {\n            \"command\": \"npx\",\n            \"args\": [\"-y\", \"@primevue/mcp\"]\n        }\n    }\n}\n```\n\n**Option 3: Via Command Palette**\n\n1. Open Command Palette (`Cmd+Shift+P` / `Ctrl+Shift+P`)\n2. Type \"MCP: Add Server\"\n3. Select \"Command (stdio)\"\n4. Enter `primevue` as the server ID\n5. Enter `npx` as the command\n6. Enter `-y,@primevue/mcp` as the arguments\n\nAfter adding, use Copilot in **Agent mode** to access PrimeVue tools. The MCP server will be available in GitHub Copilot Chat.\n\n> **Reference:** [VS Code MCP Documentation](https://code.visualstudio.com/docs/copilot/chat/mcp-servers)\n\n---\n\n### OpenAI Codex CLI\n\n**Option 1: Using the CLI**\n\n```bash\ncodex mcp add primevue -- npx -y @primevue/mcp\n```\n\n**Option 2: Direct Configuration**\n\nEdit `~/.codex/config.toml`:\n\n```toml\n[mcp_servers.primevue]\ncommand = \"npx\"\nargs = [\"-y\", \"@primevue/mcp\"]\n```\n\nAfter adding, the MCP server will be available in both the Codex CLI and VS Code extension.\n\n> **Reference:** [OpenAI Codex MCP Documentation](https://developers.openai.com/codex/mcp/)\n\n---\n\n### Windsurf\n\n**Option 1: Via Settings UI**\n\n1. Click **Windsurf - Settings** (bottom right) or press `Cmd+Shift+P` / `Ctrl+Shift+P`\n2. Type \"Open Windsurf Settings\"\n3. Navigate to **Cascade** section\n4. Click **Manage MCPs** > **View raw config**\n\n**Option 2: Direct Configuration**\n\nEdit `~/.codeium/windsurf/mcp_config.json`:\n\n```json\n{\n    \"mcpServers\": {\n        \"primevue\": {\n            \"command\": \"npx\",\n            \"args\": [\"-y\", \"@primevue/mcp\"]\n        }\n    }\n}\n```\n\nAfter adding, the MCP server will be available in Cascade.\n\n> **Reference:** [Windsurf MCP Documentation](https://docs.windsurf.com/windsurf/cascade/mcp)\n\n---\n\n### Zed\n\nAdd to your Zed settings (`~/.config/zed/settings.json` on Linux, `~/Library/Application Support/Zed/settings.json` on macOS):\n\n```json\n{\n    \"context_servers\": {\n        \"primevue\": {\n            \"command\": {\n                \"path\": \"npx\",\n                \"args\": [\"-y\", \"@primevue/mcp\"]\n            }\n        }\n    }\n}\n```\n\nAfter adding, restart Zed. Check the Agent Panel's settings view - a green indicator dot next to \"primevue\" confirms the server is active.\n\n> **Reference:** [Zed MCP Documentation](https://zed.dev/docs/ai/mcp)\n\n---\n\n## Available Tools\n\n### Component Information\n\n| Tool                    | Description                                  |\n| ----------------------- | -------------------------------------------- |\n| `list_components`       | List all PrimeVue components with categories |\n| `get_component`         | Get detailed info about a specific component |\n| `search_components`     | Search components by name or description     |\n| `get_component_props`   | Get all props for a component                |\n| `get_component_events`  | Get all events for a component               |\n| `get_component_methods` | Get all methods for a component              |\n| `get_component_slots`   | Get all slots for a component                |\n| `compare_components`    | Compare two components side by side          |\n| `get_categories`        | Get all component categories                 |\n\n### Code Examples\n\n| Tool                          | Description                                     |\n| ----------------------------- | ----------------------------------------------- |\n| `get_usage_example`           | Get code examples for a component               |\n| `list_examples`               | List all available code examples                |\n| `get_example`                 | Get a specific example by component and section |\n| `generate_component_template` | Generate a basic component template             |\n\n### Theming & Styling\n\n| Tool                    | Description                                    |\n| ----------------------- | ---------------------------------------------- |\n| `get_component_pt`      | Get Pass Through options for DOM customization |\n| `get_component_tokens`  | Get design tokens (CSS variables)              |\n| `get_component_styles`  | Get CSS class names                            |\n| `get_theming_info`      | Get theming information                        |\n| `get_theming_guide`     | Get detailed theming guide                     |\n| `get_passthrough_guide` | Get Pass Through customization guide           |\n| `get_tailwind_guide`    | Get Tailwind CSS integration guide             |\n\n### Documentation & Guides\n\n| Tool                      | Description                             |\n| ------------------------- | --------------------------------------- |\n| `list_guides`             | List all guides and documentation pages |\n| `get_guide`               | Get a specific guide by name            |\n| `get_configuration`       | Get PrimeVue configuration options      |\n| `get_installation`        | Get installation instructions           |\n| `get_icons_guide`         | Get icons usage guide                   |\n| `get_accessibility_guide` | Get accessibility guide                 |\n| `get_accessibility_info`  | Get accessibility info for a component  |\n\n### Search & Discovery\n\n| Tool                           | Description                                 |\n| ------------------------------ | ------------------------------------------- |\n| `search_all`                   | Search across components, guides, and props |\n| `suggest_component`            | Suggest components based on use case        |\n| `find_by_prop`                 | Find components with a specific prop        |\n| `find_by_event`                | Find components that emit a specific event  |\n| `find_components_with_feature` | Find components supporting a feature        |\n| `get_related_components`       | Find related components                     |\n\n### Utilities\n\n| Tool                     | Description                               |\n| ------------------------ | ----------------------------------------- |\n| `get_component_url`      | Get the official documentation URL        |\n| `get_component_import`   | Get the correct import statement          |\n| `get_component_sections` | Get all sections/features for a component |\n| `validate_props`         | Validate props for a component            |\n| `export_component_docs`  | Export documentation in markdown          |\n| `get_form_components`    | Get all form input components             |\n| `get_data_components`    | Get all data display components           |\n| `get_overlay_components` | Get all overlay/popup components          |\n| `get_performance_tips`   | Get performance optimization tips         |\n| `get_version_info`       | Get version and compatibility info        |\n\n### Vue Composables\n\n| Tool               | Description                             |\n| ------------------ | --------------------------------------- |\n| `list_composables` | List all PrimeVue composables           |\n| `get_composable`   | Get details about a specific composable |\n\n## Example Prompts\n\nOnce installed, try asking your AI assistant:\n\n- \"What are all the props available for the DataTable component?\"\n- \"Show me how to implement row selection in DataTable\"\n- \"How do I customize Button styles using Pass Through?\"\n- \"What design tokens are available for the Card component?\"\n- \"Find me a component for selecting multiple items from a list\"\n- \"Compare AutoComplete and Select components\"\n\n## Requirements\n\n- Node.js 18+\n- One of the supported AI tools (Claude Code, VS Code + Copilot, Cursor, Windsurf, Claude Desktop)\n\n## Links\n\n- [PrimeVue Documentation](https://primevue.org/)\n- [Model Context Protocol](https://modelcontextprotocol.io/)\n- [GitHub Repository](https://github.com/primefaces/primevue)\n- [Report Issues](https://github.com/primefaces/primevue/issues)\n\n## License\n\nMIT\n","packages/metadata/README.md":"# PrimeVue MetaData\n","packages/nuxt-module/README.md":"![@primevue/nuxt-module](https://github.com/primefaces/primevue-nuxt-module/assets/11868120/c35e1180-573f-4650-bbe9-0c79bff71f05)\n\n# PrimeVue Nuxt Module\n\n[![npm version][npm-version-src]][npm-version-href]\n[![npm downloads][npm-downloads-src]][npm-downloads-href]\n[![Discord Chat][discord-src]](discord-href)\n[![License][license-src]][license-href]\n\n- [✨ Release Notes](https://github.com/primefaces/primevue/packages/nuxt-module/blob/main/CHANGELOG.md#changelog)\n- [📖 Documentation](https://primevue.org/nuxt/)\n\n## Quick Setup\n\n1. Add `@primevue/nuxt-module` dependency to your project\n\n```bash\nnpx nuxi@latest module add primevue\n```\n\n2. Add `@primevue/nuxt-module` to the `modules` section of `nuxt.config.{ts,js}`\n\n```js\n{\n    modules: ['@primevue/nuxt-module'];\n}\n```\n\nThat's it! You can now use `@primevue/nuxt-module` in your Nuxt app ✨\n\n[npm-version-src]: https://img.shields.io/npm/v/@primevue/nuxt-module/latest.svg?color\n[npm-version-href]: https://npmjs.com/package/@primevue/nuxt-module\n[npm-downloads-src]: https://img.shields.io/npm/dm/@primevue/nuxt-module\n[npm-downloads-href]: https://npmjs.com/package/@primevue/nuxt-module\n[discord-src]: https://img.shields.io/discord/557940238991753223.svg?colorB=7289da&label=chat&logo=discord\n[license-src]: https://img.shields.io/npm/l/@primevue/nuxt-module.svg?style=flat&colorB=yellow\n[license-href]: https://npmjs.com/package/@primevue/nuxt-module\n","packages/primevue/README.md":"[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)\n[![npm version](https://badge.fury.io/js/primevue.svg)](https://badge.fury.io/js/primevue)\n[![Discord Chat](https://img.shields.io/discord/557940238991753223.svg?color=7289da&label=chat&logo=discord)](https://discord.gg/gzKFYnpmCY)\n[![Prime Discussions](https://img.shields.io/github/discussions-search?query=org%3Aprimefaces&logo=github&label=Prime%20Discussions&link=https%3A%2F%2Fgithub.com%2Forgs%2Fprimefaces%2Fdiscussions)](https://github.com/orgs/primefaces/discussions)\n\n[![PrimeVue Hero](https://www.primefaces.org/static/social/primevue-preview.jpg)](https://primevue.org/)\n\n# PrimeVue Website\n\nPrimeVue is a rich set of open source UI Components for Vue. Visit the [PrimeVue website](https://primevue.org/) for interactive demos, comprehensive documentation and additional resources.\n","packages/themes/README.md":"# PrimeVue Themes\n"},"files":{"packages/auto-import-resolver/README.md":"# PrimeVue AutoImportResolver\n","packages/core/README.md":"# PrimeVue Core\n","packages/forms/README.md":"# PrimeVue Forms\n","packages/icons/README.md":"# PrimeVue Icons\n","packages/mcp/README.md":"# @primevue/mcp\n\nModel Context Protocol (MCP) server for PrimeVue component library. Provides AI assistants with comprehensive access to PrimeVue component documentation, props, events, slots, theming, and code examples.\n\n## What is MCP?\n\n[Model Context Protocol (MCP)](https://modelcontextprotocol.io/) is an open standard that enables AI models to connect with external tools and data sources. By installing this MCP server, your AI assistant gains deep knowledge of PrimeVue components and can provide accurate, up-to-date information while helping you build Vue.js applications.\n\n## Installation\n\n### Claude Code\n\nAdd the PrimeVue MCP server using the CLI:\n\n```bash\n# Add to your user config (available in all projects)\nclaude mcp add primevue -s user -- npx -y @primevue/mcp\n\n# Or add to current project only\nclaude mcp add primevue -- npx -y @primevue/mcp\n```\n\nAlternatively, use the JSON format for more control:\n\n```bash\nclaude mcp add-json primevue '{\"command\":\"npx\",\"args\":[\"-y\",\"@primevue/mcp\"]}' -s user\n```\n\n**Useful commands:**\n\n```bash\nclaude mcp list           # List all MCP servers\nclaude mcp get primevue   # Get server details\nclaude mcp remove primevue # Remove the server\n```\n\nAfter adding, start a new Claude Code session and use `/mcp` to verify the connection.\n\n> **Reference:** [Claude Code MCP Documentation](https://code.claude.com/docs/en/mcp)\n\n---\n\n### Cursor\n\n**Option 1: Project Configuration**\n\nCreate `.cursor/mcp.json` in your project:\n\n```json\n{\n    \"mcpServers\": {\n        \"primevue\": {\n            \"command\": \"npx\",\n            \"args\": [\"-y\", \"@primevue/mcp\"]\n        }\n    }\n}\n```\n\n**Option 2: Global Configuration**\n\nCreate or edit `~/.cursor/mcp.json` in your home directory:\n\n```json\n{\n    \"mcpServers\": {\n        \"primevue\": {\n            \"command\": \"npx\",\n            \"args\": [\"-y\", \"@primevue/mcp\"]\n        }\n    }\n}\n```\n\n**Option 3: Via Settings UI**\n\n1. Go to **Cursor Settings** > **Tools & Integrations**\n2. Click **New MCP Server**\n3. Add the configuration above\n\nAfter adding, go to **Settings > MCP** and click the refresh button. The Composer Agent will automatically use PrimeVue tools when relevant.\n\n> **Reference:** [Cursor MCP Documentation](https://docs.cursor.com/context/model-context-protocol)\n\n---\n\n### VS Code (GitHub Copilot)\n\n**Option 1: Project Configuration**\n\nCreate `.vscode/mcp.json` in your project:\n\n```json\n{\n    \"servers\": {\n        \"primevue\": {\n            \"command\": \"npx\",\n            \"args\": [\"-y\", \"@primevue/mcp\"]\n        }\n    }\n}\n```\n\n**Option 2: User Configuration (Global)**\n\nCreate or edit the MCP configuration file in your VS Code user data directory:\n\n- **macOS**: `~/Library/Application Support/Code/User/mcp.json`\n- **Windows**: `%APPDATA%\\Code\\User\\mcp.json`\n- **Linux**: `~/.config/Code/User/mcp.json`\n\n```json\n{\n    \"servers\": {\n        \"primevue\": {\n            \"command\": \"npx\",\n            \"args\": [\"-y\", \"@primevue/mcp\"]\n        }\n    }\n}\n```\n\n**Option 3: Via Command Palette**\n\n1. Open Command Palette (`Cmd+Shift+P` / `Ctrl+Shift+P`)\n2. Type \"MCP: Add Server\"\n3. Select \"Command (stdio)\"\n4. Enter `primevue` as the server ID\n5. Enter `npx` as the command\n6. Enter `-y,@primevue/mcp` as the arguments\n\nAfter adding, use Copilot in **Agent mode** to access PrimeVue tools. The MCP server will be available in GitHub Copilot Chat.\n\n> **Reference:** [VS Code MCP Documentation](https://code.visualstudio.com/docs/copilot/chat/mcp-servers)\n\n---\n\n### OpenAI Codex CLI\n\n**Option 1: Using the CLI**\n\n```bash\ncodex mcp add primevue -- npx -y @primevue/mcp\n```\n\n**Option 2: Direct Configuration**\n\nEdit `~/.codex/config.toml`:\n\n```toml\n[mcp_servers.primevue]\ncommand = \"npx\"\nargs = [\"-y\", \"@primevue/mcp\"]\n```\n\nAfter adding, the MCP server will be available in both the Codex CLI and VS Code extension.\n\n> **Reference:** [OpenAI Codex MCP Documentation](https://developers.openai.com/codex/mcp/)\n\n---\n\n### Windsurf\n\n**Option 1: Via Settings UI**\n\n1. Click **Windsurf - Settings** (bottom right) or press `Cmd+Shift+P` / `Ctrl+Shift+P`\n2. Type \"Open Windsurf Settings\"\n3. Navigate to **Cascade** section\n4. Click **Manage MCPs** > **View raw config**\n\n**Option 2: Direct Configuration**\n\nEdit `~/.codeium/windsurf/mcp_config.json`:\n\n```json\n{\n    \"mcpServers\": {\n        \"primevue\": {\n            \"command\": \"npx\",\n            \"args\": [\"-y\", \"@primevue/mcp\"]\n        }\n    }\n}\n```\n\nAfter adding, the MCP server will be available in Cascade.\n\n> **Reference:** [Windsurf MCP Documentation](https://docs.windsurf.com/windsurf/cascade/mcp)\n\n---\n\n### Zed\n\nAdd to your Zed settings (`~/.config/zed/settings.json` on Linux, `~/Library/Application Support/Zed/settings.json` on macOS):\n\n```json\n{\n    \"context_servers\": {\n        \"primevue\": {\n            \"command\": {\n                \"path\": \"npx\",\n                \"args\": [\"-y\", \"@primevue/mcp\"]\n            }\n        }\n    }\n}\n```\n\nAfter adding, restart Zed. Check the Agent Panel's settings view - a green indicator dot next to \"primevue\" confirms the server is active.\n\n> **Reference:** [Zed MCP Documentation](https://zed.dev/docs/ai/mcp)\n\n---\n\n## Available Tools\n\n### Component Information\n\n| Tool                    | Description                                  |\n| ----------------------- | -------------------------------------------- |\n| `list_components`       | List all PrimeVue components with categories |\n| `get_component`         | Get detailed info about a specific component |\n| `search_components`     | Search components by name or description     |\n| `get_component_props`   | Get all props for a component                |\n| `get_component_events`  | Get all events for a component               |\n| `get_component_methods` | Get all methods for a component              |\n| `get_component_slots`   | Get all slots for a component                |\n| `compare_components`    | Compare two components side by side          |\n| `get_categories`        | Get all component categories                 |\n\n### Code Examples\n\n| Tool                          | Description                                     |\n| ----------------------------- | ----------------------------------------------- |\n| `get_usage_example`           | Get code examples for a component               |\n| `list_examples`               | List all available code examples                |\n| `get_example`                 | Get a specific example by component and section |\n| `generate_component_template` | Generate a basic component template             |\n\n### Theming & Styling\n\n| Tool                    | Description                                    |\n| ----------------------- | ---------------------------------------------- |\n| `get_component_pt`      | Get Pass Through options for DOM customization |\n| `get_component_tokens`  | Get design tokens (CSS variables)              |\n| `get_component_styles`  | Get CSS class names                            |\n| `get_theming_info`      | Get theming information                        |\n| `get_theming_guide`     | Get detailed theming guide                     |\n| `get_passthrough_guide` | Get Pass Through customization guide           |\n| `get_tailwind_guide`    | Get Tailwind CSS integration guide             |\n\n### Documentation & Guides\n\n| Tool                      | Description                             |\n| ------------------------- | --------------------------------------- |\n| `list_guides`             | List all guides and documentation pages |\n| `get_guide`               | Get a specific guide by name            |\n| `get_configuration`       | Get PrimeVue configuration options      |\n| `get_installation`        | Get installation instructions           |\n| `get_icons_guide`         | Get icons usage guide                   |\n| `get_accessibility_guide` | Get accessibility guide                 |\n| `get_accessibility_info`  | Get accessibility info for a component  |\n\n### Search & Discovery\n\n| Tool                           | Description                                 |\n| ------------------------------ | ------------------------------------------- |\n| `search_all`                   | Search across components, guides, and props |\n| `suggest_component`            | Suggest components based on use case        |\n| `find_by_prop`                 | Find components with a specific prop        |\n| `find_by_event`                | Find components that emit a specific event  |\n| `find_components_with_feature` | Find components supporting a feature        |\n| `get_related_components`       | Find related components                     |\n\n### Utilities\n\n| Tool                     | Description                               |\n| ------------------------ | ----------------------------------------- |\n| `get_component_url`      | Get the official documentation URL        |\n| `get_component_import`   | Get the correct import statement          |\n| `get_component_sections` | Get all sections/features for a component |\n| `validate_props`         | Validate props for a component            |\n| `export_component_docs`  | Export documentation in markdown          |\n| `get_form_components`    | Get all form input components             |\n| `get_data_components`    | Get all data display components           |\n| `get_overlay_components` | Get all overlay/popup components          |\n| `get_performance_tips`   | Get performance optimization tips         |\n| `get_version_info`       | Get version and compatibility info        |\n\n### Vue Composables\n\n| Tool               | Description                             |\n| ------------------ | --------------------------------------- |\n| `list_composables` | List all PrimeVue composables           |\n| `get_composable`   | Get details about a specific composable |\n\n## Example Prompts\n\nOnce installed, try asking your AI assistant:\n\n- \"What are all the props available for the DataTable component?\"\n- \"Show me how to implement row selection in DataTable\"\n- \"How do I customize Button styles using Pass Through?\"\n- \"What design tokens are available for the Card component?\"\n- \"Find me a component for selecting multiple items from a list\"\n- \"Compare AutoComplete and Select components\"\n\n## Requirements\n\n- Node.js 18+\n- One of the supported AI tools (Claude Code, VS Code + Copilot, Cursor, Windsurf, Claude Desktop)\n\n## Links\n\n- [PrimeVue Documentation](https://primevue.org/)\n- [Model Context Protocol](https://modelcontextprotocol.io/)\n- [GitHub Repository](https://github.com/primefaces/primevue)\n- [Report Issues](https://github.com/primefaces/primevue/issues)\n\n## License\n\nMIT\n","packages/metadata/README.md":"# PrimeVue MetaData\n","packages/nuxt-module/README.md":"![@primevue/nuxt-module](https://github.com/primefaces/primevue-nuxt-module/assets/11868120/c35e1180-573f-4650-bbe9-0c79bff71f05)\n\n# PrimeVue Nuxt Module\n\n[![npm version][npm-version-src]][npm-version-href]\n[![npm downloads][npm-downloads-src]][npm-downloads-href]\n[![Discord Chat][discord-src]](discord-href)\n[![License][license-src]][license-href]\n\n- [✨ Release Notes](https://github.com/primefaces/primevue/packages/nuxt-module/blob/main/CHANGELOG.md#changelog)\n- [📖 Documentation](https://primevue.org/nuxt/)\n\n## Quick Setup\n\n1. Add `@primevue/nuxt-module` dependency to your project\n\n```bash\nnpx nuxi@latest module add primevue\n```\n\n2. Add `@primevue/nuxt-module` to the `modules` section of `nuxt.config.{ts,js}`\n\n```js\n{\n    modules: ['@primevue/nuxt-module'];\n}\n```\n\nThat's it! You can now use `@primevue/nuxt-module` in your Nuxt app ✨\n\n[npm-version-src]: https://img.shields.io/npm/v/@primevue/nuxt-module/latest.svg?color\n[npm-version-href]: https://npmjs.com/package/@primevue/nuxt-module\n[npm-downloads-src]: https://img.shields.io/npm/dm/@primevue/nuxt-module\n[npm-downloads-href]: https://npmjs.com/package/@primevue/nuxt-module\n[discord-src]: https://img.shields.io/discord/557940238991753223.svg?colorB=7289da&label=chat&logo=discord\n[license-src]: https://img.shields.io/npm/l/@primevue/nuxt-module.svg?style=flat&colorB=yellow\n[license-href]: https://npmjs.com/package/@primevue/nuxt-module\n","packages/primevue/README.md":"[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)\n[![npm version](https://badge.fury.io/js/primevue.svg)](https://badge.fury.io/js/primevue)\n[![Discord Chat](https://img.shields.io/discord/557940238991753223.svg?color=7289da&label=chat&logo=discord)](https://discord.gg/gzKFYnpmCY)\n[![Prime Discussions](https://img.shields.io/github/discussions-search?query=org%3Aprimefaces&logo=github&label=Prime%20Discussions&link=https%3A%2F%2Fgithub.com%2Forgs%2Fprimefaces%2Fdiscussions)](https://github.com/orgs/primefaces/discussions)\n\n[![PrimeVue Hero](https://www.primefaces.org/static/social/primevue-preview.jpg)](https://primevue.org/)\n\n# PrimeVue Website\n\nPrimeVue is a rich set of open source UI Components for Vue. Visit the [PrimeVue website](https://primevue.org/) for interactive demos, comprehensive documentation and additional resources.\n","packages/themes/README.md":"# PrimeVue Themes\n"},"items":[{"name":"README.md","path":"packages/auto-import-resolver/README.md","rawUrl":"https://raw.githubusercontent.com/primefaces/primevue/HEAD/packages/auto-import-resolver/README.md","title":"auto-import-resolver Documentation","category":"plugin-manifest","format":"markdown","content":"# PrimeVue AutoImportResolver\n","isInternal":false,"tokens":7,"sizeBytes":30},{"name":"README.md","path":"packages/core/README.md","rawUrl":"https://raw.githubusercontent.com/primefaces/primevue/HEAD/packages/core/README.md","title":"core Documentation","category":"plugin-manifest","format":"markdown","content":"# PrimeVue Core\n","isInternal":false,"tokens":5,"sizeBytes":16},{"name":"README.md","path":"packages/forms/README.md","rawUrl":"https://raw.githubusercontent.com/primefaces/primevue/HEAD/packages/forms/README.md","title":"forms Documentation","category":"plugin-manifest","format":"markdown","content":"# PrimeVue Forms\n","isInternal":false,"tokens":5,"sizeBytes":17},{"name":"README.md","path":"packages/icons/README.md","rawUrl":"https://raw.githubusercontent.com/primefaces/primevue/HEAD/packages/icons/README.md","title":"icons Documentation","category":"plugin-manifest","format":"markdown","content":"# PrimeVue Icons\n","isInternal":false,"tokens":5,"sizeBytes":17},{"name":"README.md","path":"packages/mcp/README.md","rawUrl":"https://raw.githubusercontent.com/primefaces/primevue/HEAD/packages/mcp/README.md","title":"mcp Documentation","category":"plugin-manifest","format":"markdown","content":"# @primevue/mcp\n\nModel Context Protocol (MCP) server for PrimeVue component library. Provides AI assistants with comprehensive access to PrimeVue component documentation, props, events, slots, theming, and code examples.\n\n## What is MCP?\n\n[Model Context Protocol (MCP)](https://modelcontextprotocol.io/) is an open standard that enables AI models to connect with external tools and data sources. By installing this MCP server, your AI assistant gains deep knowledge of PrimeVue components and can provide accurate, up-to-date information while helping you build Vue.js applications.\n\n## Installation\n\n### Claude Code\n\nAdd the PrimeVue MCP server using the CLI:\n\n```bash\n# Add to your user config (available in all projects)\nclaude mcp add primevue -s user -- npx -y @primevue/mcp\n\n# Or add to current project only\nclaude mcp add primevue -- npx -y @primevue/mcp\n```\n\nAlternatively, use the JSON format for more control:\n\n```bash\nclaude mcp add-json primevue '{\"command\":\"npx\",\"args\":[\"-y\",\"@primevue/mcp\"]}' -s user\n```\n\n**Useful commands:**\n\n```bash\nclaude mcp list           # List all MCP servers\nclaude mcp get primevue   # Get server details\nclaude mcp remove primevue # Remove the server\n```\n\nAfter adding, start a new Claude Code session and use `/mcp` to verify the connection.\n\n> **Reference:** [Claude Code MCP Documentation](https://code.claude.com/docs/en/mcp)\n\n---\n\n### Cursor\n\n**Option 1: Project Configuration**\n\nCreate `.cursor/mcp.json` in your project:\n\n```json\n{\n    \"mcpServers\": {\n        \"primevue\": {\n            \"command\": \"npx\",\n            \"args\": [\"-y\", \"@primevue/mcp\"]\n        }\n    }\n}\n```\n\n**Option 2: Global Configuration**\n\nCreate or edit `~/.cursor/mcp.json` in your home directory:\n\n```json\n{\n    \"mcpServers\": {\n        \"primevue\": {\n            \"command\": \"npx\",\n            \"args\": [\"-y\", \"@primevue/mcp\"]\n        }\n    }\n}\n```\n\n**Option 3: Via Settings UI**\n\n1. Go to **Cursor Settings** > **Tools & Integrations**\n2. Click **New MCP Server**\n3. Add the configuration above\n\nAfter adding, go to **Settings > MCP** and click the refresh button. The Composer Agent will automatically use PrimeVue tools when relevant.\n\n> **Reference:** [Cursor MCP Documentation](https://docs.cursor.com/context/model-context-protocol)\n\n---\n\n### VS Code (GitHub Copilot)\n\n**Option 1: Project Configuration**\n\nCreate `.vscode/mcp.json` in your project:\n\n```json\n{\n    \"servers\": {\n        \"primevue\": {\n            \"command\": \"npx\",\n            \"args\": [\"-y\", \"@primevue/mcp\"]\n        }\n    }\n}\n```\n\n**Option 2: User Configuration (Global)**\n\nCreate or edit the MCP configuration file in your VS Code user data directory:\n\n- **macOS**: `~/Library/Application Support/Code/User/mcp.json`\n- **Windows**: `%APPDATA%\\Code\\User\\mcp.json`\n- **Linux**: `~/.config/Code/User/mcp.json`\n\n```json\n{\n    \"servers\": {\n        \"primevue\": {\n            \"command\": \"npx\",\n            \"args\": [\"-y\", \"@primevue/mcp\"]\n        }\n    }\n}\n```\n\n**Option 3: Via Command Palette**\n\n1. Open Command Palette (`Cmd+Shift+P` / `Ctrl+Shift+P`)\n2. Type \"MCP: Add Server\"\n3. Select \"Command (stdio)\"\n4. Enter `primevue` as the server ID\n5. Enter `npx` as the command\n6. Enter `-y,@primevue/mcp` as the arguments\n\nAfter adding, use Copilot in **Agent mode** to access PrimeVue tools. The MCP server will be available in GitHub Copilot Chat.\n\n> **Reference:** [VS Code MCP Documentation](https://code.visualstudio.com/docs/copilot/chat/mcp-servers)\n\n---\n\n### OpenAI Codex CLI\n\n**Option 1: Using the CLI**\n\n```bash\ncodex mcp add primevue -- npx -y @primevue/mcp\n```\n\n**Option 2: Direct Configuration**\n\nEdit `~/.codex/config.toml`:\n\n```toml\n[mcp_servers.primevue]\ncommand = \"npx\"\nargs = [\"-y\", \"@primevue/mcp\"]\n```\n\nAfter adding, the MCP server will be available in both the Codex CLI and VS Code extension.\n\n> **Reference:** [OpenAI Codex MCP Documentation](https://developers.openai.com/codex/mcp/)\n\n---\n\n### Windsurf\n\n**Option 1: Via Settings UI**\n\n1. Click **Windsurf - Settings** (bottom right) or press `Cmd+Shift+P` / `Ctrl+Shift+P`\n2. Type \"Open Windsurf Settings\"\n3. Navigate to **Cascade** section\n4. Click **Manage MCPs** > **View raw config**\n\n**Option 2: Direct Configuration**\n\nEdit `~/.codeium/windsurf/mcp_config.json`:\n\n```json\n{\n    \"mcpServers\": {\n        \"primevue\": {\n            \"command\": \"npx\",\n            \"args\": [\"-y\", \"@primevue/mcp\"]\n        }\n    }\n}\n```\n\nAfter adding, the MCP server will be available in Cascade.\n\n> **Reference:** [Windsurf MCP Documentation](https://docs.windsurf.com/windsurf/cascade/mcp)\n\n---\n\n### Zed\n\nAdd to your Zed settings (`~/.config/zed/settings.json` on Linux, `~/Library/Application Support/Zed/settings.json` on macOS):\n\n```json\n{\n    \"context_servers\": {\n        \"primevue\": {\n            \"command\": {\n                \"path\": \"npx\",\n                \"args\": [\"-y\", \"@primevue/mcp\"]\n            }\n        }\n    }\n}\n```\n\nAfter adding, restart Zed. Check the Agent Panel's settings view - a green indicator dot next to \"primevue\" confirms the server is active.\n\n> **Reference:** [Zed MCP Documentation](https://zed.dev/docs/ai/mcp)\n\n---\n\n## Available Tools\n\n### Component Information\n\n| Tool                    | Description                                  |\n| ----------------------- | -------------------------------------------- |\n| `list_components`       | List all PrimeVue components with categories |\n| `get_component`         | Get detailed info about a specific component |\n| `search_components`     | Search components by name or description     |\n| `get_component_props`   | Get all props for a component                |\n| `get_component_events`  | Get all events for a component               |\n| `get_component_methods` | Get all methods for a component              |\n| `get_component_slots`   | Get all slots for a component                |\n| `compare_components`    | Compare two components side by side          |\n| `get_categories`        | Get all component categories                 |\n\n### Code Examples\n\n| Tool                          | Description                                     |\n| ----------------------------- | ----------------------------------------------- |\n| `get_usage_example`           | Get code examples for a component               |\n| `list_examples`               | List all available code examples                |\n| `get_example`                 | Get a specific example by component and section |\n| `generate_component_template` | Generate a basic component template             |\n\n### Theming & Styling\n\n| Tool                    | Description                                    |\n| ----------------------- | ---------------------------------------------- |\n| `get_component_pt`      | Get Pass Through options for DOM customization |\n| `get_component_tokens`  | Get design tokens (CSS variables)              |\n| `get_component_styles`  | Get CSS class names                            |\n| `get_theming_info`      | Get theming information                        |\n| `get_theming_guide`     | Get detailed theming guide                     |\n| `get_passthrough_guide` | Get Pass Through customization guide           |\n| `get_tailwind_guide`    | Get Tailwind CSS integration guide             |\n\n### Documentation & Guides\n\n| Tool                      | Description                             |\n| ------------------------- | --------------------------------------- |\n| `list_guides`             | List all guides and documentation pages |\n| `get_guide`               | Get a specific guide by name            |\n| `get_configuration`       | Get PrimeVue configuration options      |\n| `get_installation`        | Get installation instructions           |\n| `get_icons_guide`         | Get icons usage guide                   |\n| `get_accessibility_guide` | Get accessibility guide                 |\n| `get_accessibility_info`  | Get accessibility info for a component  |\n\n### Search & Discovery\n\n| Tool                           | Description                                 |\n| ------------------------------ | ------------------------------------------- |\n| `search_all`                   | Search across components, guides, and props |\n| `suggest_component`            | Suggest components based on use case        |\n| `find_by_prop`                 | Find components with a specific prop        |\n| `find_by_event`                | Find components that emit a specific event  |\n| `find_components_with_feature` | Find components supporting a feature        |\n| `get_related_components`       | Find related components                     |\n\n### Utilities\n\n| Tool                     | Description                               |\n| ------------------------ | ----------------------------------------- |\n| `get_component_url`      | Get the official documentation URL        |\n| `get_component_import`   | Get the correct import statement          |\n| `get_component_sections` | Get all sections/features for a component |\n| `validate_props`         | Validate props for a component            |\n| `export_component_docs`  | Export documentation in markdown          |\n| `get_form_components`    | Get all form input components             |\n| `get_data_components`    | Get all data display components           |\n| `get_overlay_components` | Get all overlay/popup components          |\n| `get_performance_tips`   | Get performance optimization tips         |\n| `get_version_info`       | Get version and compatibility info        |\n\n### Vue Composables\n\n| Tool               | Description                             |\n| ------------------ | --------------------------------------- |\n| `list_composables` | List all PrimeVue composables           |\n| `get_composable`   | Get details about a specific composable |\n\n## Example Prompts\n\nOnce installed, try asking your AI assistant:\n\n- \"What are all the props available for the DataTable component?\"\n- \"Show me how to implement row selection in DataTable\"\n- \"How do I customize Button styles using Pass Through?\"\n- \"What design tokens are available for the Card component?\"\n- \"Find me a component for selecting multiple items from a list\"\n- \"Compare AutoComplete and Select components\"\n\n## Requirements\n\n- Node.js 18+\n- One of the supported AI tools (Claude Code, VS Code + Copilot, Cursor, Windsurf, Claude Desktop)\n\n## Links\n\n- [PrimeVue Documentation](https://primevue.org/)\n- [Model Context Protocol](https://modelcontextprotocol.io/)\n- [GitHub Repository](https://github.com/primefaces/primevue)\n- [Report Issues](https://github.com/primefaces/primevue/issues)\n\n## License\n\nMIT\n","isInternal":false,"tokens":2349,"sizeBytes":10537},{"name":"README.md","path":"packages/metadata/README.md","rawUrl":"https://raw.githubusercontent.com/primefaces/primevue/HEAD/packages/metadata/README.md","title":"metadata Documentation","category":"plugin-manifest","format":"markdown","content":"# PrimeVue MetaData\n","isInternal":false,"tokens":6,"sizeBytes":20},{"name":"README.md","path":"packages/nuxt-module/README.md","rawUrl":"https://raw.githubusercontent.com/primefaces/primevue/HEAD/packages/nuxt-module/README.md","title":"nuxt-module Documentation","category":"plugin-manifest","format":"markdown","content":"![@primevue/nuxt-module](https://github.com/primefaces/primevue-nuxt-module/assets/11868120/c35e1180-573f-4650-bbe9-0c79bff71f05)\n\n# PrimeVue Nuxt Module\n\n[![npm version][npm-version-src]][npm-version-href]\n[![npm downloads][npm-downloads-src]][npm-downloads-href]\n[![Discord Chat][discord-src]](discord-href)\n[![License][license-src]][license-href]\n\n- [✨ Release Notes](https://github.com/primefaces/primevue/packages/nuxt-module/blob/main/CHANGELOG.md#changelog)\n- [📖 Documentation](https://primevue.org/nuxt/)\n\n## Quick Setup\n\n1. Add `@primevue/nuxt-module` dependency to your project\n\n```bash\nnpx nuxi@latest module add primevue\n```\n\n2. Add `@primevue/nuxt-module` to the `modules` section of `nuxt.config.{ts,js}`\n\n```js\n{\n    modules: ['@primevue/nuxt-module'];\n}\n```\n\nThat's it! You can now use `@primevue/nuxt-module` in your Nuxt app ✨\n\n[npm-version-src]: https://img.shields.io/npm/v/@primevue/nuxt-module/latest.svg?color\n[npm-version-href]: https://npmjs.com/package/@primevue/nuxt-module\n[npm-downloads-src]: https://img.shields.io/npm/dm/@primevue/nuxt-module\n[npm-downloads-href]: https://npmjs.com/package/@primevue/nuxt-module\n[discord-src]: https://img.shields.io/discord/557940238991753223.svg?colorB=7289da&label=chat&logo=discord\n[license-src]: https://img.shields.io/npm/l/@primevue/nuxt-module.svg?style=flat&colorB=yellow\n[license-href]: https://npmjs.com/package/@primevue/nuxt-module\n","isInternal":false,"tokens":433,"sizeBytes":1417},{"name":"README.md","path":"packages/primevue/README.md","rawUrl":"https://raw.githubusercontent.com/primefaces/primevue/HEAD/packages/primevue/README.md","title":"primevue Documentation","category":"plugin-manifest","format":"markdown","content":"[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)\n[![npm version](https://badge.fury.io/js/primevue.svg)](https://badge.fury.io/js/primevue)\n[![Discord Chat](https://img.shields.io/discord/557940238991753223.svg?color=7289da&label=chat&logo=discord)](https://discord.gg/gzKFYnpmCY)\n[![Prime Discussions](https://img.shields.io/github/discussions-search?query=org%3Aprimefaces&logo=github&label=Prime%20Discussions&link=https%3A%2F%2Fgithub.com%2Forgs%2Fprimefaces%2Fdiscussions)](https://github.com/orgs/primefaces/discussions)\n\n[![PrimeVue Hero](https://www.primefaces.org/static/social/primevue-preview.jpg)](https://primevue.org/)\n\n# PrimeVue Website\n\nPrimeVue is a rich set of open source UI Components for Vue. Visit the [PrimeVue website](https://primevue.org/) for interactive demos, comprehensive documentation and additional resources.\n","isInternal":false,"tokens":256,"sizeBytes":903},{"name":"README.md","path":"packages/themes/README.md","rawUrl":"https://raw.githubusercontent.com/primefaces/primevue/HEAD/packages/themes/README.md","title":"themes Documentation","category":"plugin-manifest","format":"markdown","content":"# PrimeVue Themes\n","isInternal":false,"tokens":5,"sizeBytes":18}],"systemPromptSnippet":"<yakaai_skills repo=\"primefaces/primevue\">\n<!-- File: packages/auto-import-resolver/README.md (Tokens: ~7 | Category: plugin-manifest) -->\n# PrimeVue AutoImportResolver\n\n<!-- File: packages/core/README.md (Tokens: ~5 | Category: plugin-manifest) -->\n# PrimeVue Core\n\n<!-- File: packages/forms/README.md (Tokens: ~5 | Category: plugin-manifest) -->\n# PrimeVue Forms\n\n<!-- File: packages/icons/README.md (Tokens: ~5 | Category: plugin-manifest) -->\n# PrimeVue Icons\n\n<!-- File: packages/mcp/README.md (Tokens: ~2349 | Category: plugin-manifest) -->\n# @primevue/mcp\n\nModel Context Protocol (MCP) server for PrimeVue component library. Provides AI assistants with comprehensive access to PrimeVue component documentation, props, events, slots, theming, and code examples.\n\n## What is MCP?\n\n[Model Context Protocol (MCP)](https://modelcontextprotocol.io/) is an open standard that enables AI models to connect with external tools and data sources. By installing this MCP server, your AI assistant gains deep knowledge of PrimeVue components and can provide accurate, up-to-date information while helping you build Vue.js applications.\n\n## Installation\n\n### Claude Code\n\nAdd the PrimeVue MCP server using the CLI:\n\n```bash\n# Add to your user config (available in all projects)\nclaude mcp add primevue -s user -- npx -y @primevue/mcp\n\n# Or add to current project only\nclaude mcp add primevue -- npx -y @primevue/mcp\n```\n\nAlternatively, use the JSON format for more control:\n\n```bash\nclaude mcp add-json primevue '{\"command\":\"npx\",\"args\":[\"-y\",\"@primevue/mcp\"]}' -s user\n```\n\n**Useful commands:**\n\n```bash\nclaude mcp list           # List all MCP servers\nclaude mcp get primevue   # Get server details\nclaude mcp remove primevue # Remove the server\n```\n\nAfter adding, start a new Claude Code session and use `/mcp` to verify the connection.\n\n> **Reference:** [Claude Code MCP Documentation](https://code.claude.com/docs/en/mcp)\n\n---\n\n### Cursor\n\n**Option 1: Project Configuration**\n\nCreate `.cursor/mcp.json` in your project:\n\n```json\n{\n    \"mcpServers\": {\n        \"primevue\": {\n            \"command\": \"npx\",\n            \"args\": [\"-y\", \"@primevue/mcp\"]\n        }\n    }\n}\n```\n\n**Option 2: Global Configuration**\n\nCreate or edit `~/.cursor/mcp.json` in your home directory:\n\n```json\n{\n    \"mcpServers\": {\n        \"primevue\": {\n            \"command\": \"npx\",\n            \"args\": [\"-y\", \"@primevue/mcp\"]\n        }\n    }\n}\n```\n\n**Option 3: Via Settings UI**\n\n1. Go to **Cursor Settings** > **Tools & Integrations**\n2. Click **New MCP Server**\n3. Add the configuration above\n\nAfter adding, go to **Settings > MCP** and click the refresh button. The Composer Agent will automatically use PrimeVue tools when relevant.\n\n> **Reference:** [Cursor MCP Documentation](https://docs.cursor.com/context/model-context-protocol)\n\n---\n\n### VS Code (GitHub Copilot)\n\n**Option 1: Project Configuration**\n\nCreate `.vscode/mcp.json` in your project:\n\n```json\n{\n    \"servers\": {\n        \"primevue\": {\n            \"command\": \"npx\",\n            \"args\": [\"-y\", \"@primevue/mcp\"]\n        }\n    }\n}\n```\n\n**Option 2: User Configuration (Global)**\n\nCreate or edit the MCP configuration file in your VS Code user data directory:\n\n- **macOS**: `~/Library/Application Support/Code/User/mcp.json`\n- **Windows**: `%APPDATA%\\Code\\User\\mcp.json`\n- **Linux**: `~/.config/Code/User/mcp.json`\n\n```json\n{\n    \"servers\": {\n        \"primevue\": {\n            \"command\": \"npx\",\n            \"args\": [\"-y\", \"@primevue/mcp\"]\n        }\n    }\n}\n```\n\n**Option 3: Via Command Palette**\n\n1. Open Command Palette (`Cmd+Shift+P` / `Ctrl+Shift+P`)\n2. Type \"MCP: Add Server\"\n3. Select \"Command (stdio)\"\n4. Enter `primevue` as the server ID\n5. Enter `npx` as the command\n6. Enter `-y,@primevue/mcp` as the arguments\n\nAfter adding, use Copilot in **Agent mode** to access PrimeVue tools. The MCP server will be available in GitHub Copilot Chat.\n\n> **Reference:** [VS Code MCP Documentation](https://code.visualstudio.com/docs/copilot/chat/mcp-servers)\n\n---\n\n### OpenAI Codex CLI\n\n**Option 1: Using the CLI**\n\n```bash\ncodex mcp add primevue -- npx -y @primevue/mcp\n```\n\n**Option 2: Direct Configuration**\n\nEdit `~/.codex/config.toml`:\n\n```toml\n[mcp_servers.primevue]\ncommand = \"npx\"\nargs = [\"-y\", \"@primevue/mcp\"]\n```\n\nAfter adding, the MCP server will be available in both the Codex CLI and VS Code extension.\n\n> **Reference:** [OpenAI Codex MCP Documentation](https://developers.openai.com/codex/mcp/)\n\n---\n\n### Windsurf\n\n**Option 1: Via Settings UI**\n\n1. Click **Windsurf - Settings** (bottom right) or press `Cmd+Shift+P` / `Ctrl+Shift+P`\n2. Type \"Open Windsurf Settings\"\n3. Navigate to **Cascade** section\n4. Click **Manage MCPs** > **View raw config**\n\n**Option 2: Direct Configuration**\n\nEdit `~/.codeium/windsurf/mcp_config.json`:\n\n```json\n{\n    \"mcpServers\": {\n        \"primevue\": {\n            \"command\": \"npx\",\n            \"args\": [\"-y\", \"@primevue/mcp\"]\n        }\n    }\n}\n```\n\nAfter adding, the MCP server will be available in Cascade.\n\n> **Reference:** [Windsurf MCP Documentation](https://docs.windsurf.com/windsurf/cascade/mcp)\n\n---\n\n### Zed\n\nAdd to your Zed settings (`~/.config/zed/settings.json` on Linux, `~/Library/Application Support/Zed/settings.json` on macOS):\n\n```json\n{\n    \"context_servers\": {\n        \"primevue\": {\n            \"command\": {\n                \"path\": \"npx\",\n                \"args\": [\"-y\", \"@primevue/mcp\"]\n            }\n        }\n    }\n}\n```\n\nAfter adding, restart Zed. Check the Agent Panel's settings view - a green indicator dot next to \"primevue\" confirms the server is active.\n\n> **Reference:** [Zed MCP Documentation](https://zed.dev/docs/ai/mcp)\n\n---\n\n## Available Tools\n\n### Component Information\n\n| Tool                    | Description                                  |\n| ----------------------- | -------------------------------------------- |\n| `list_components`       | List all PrimeVue components with categories |\n| `get_component`         | Get detailed info about a specific component |\n| `search_components`     | Search components by name or description     |\n| `get_component_props`   | Get all props for a component                |\n| `get_component_events`  | Get all events for a component               |\n| `get_component_methods` | Get all methods for a component              |\n| `get_component_slots`   | Get all slots for a component                |\n| `compare_components`    | Compare two components side by side          |\n| `get_categories`        | Get all component categories                 |\n\n### Code Examples\n\n| Tool                          | Description                                     |\n| ----------------------------- | ----------------------------------------------- |\n| `get_usage_example`           | Get code examples for a component               |\n| `list_examples`               | List all available code examples                |\n| `get_example`                 | Get a specific example by component and section |\n| `generate_component_template` | Generate a basic component template             |\n\n### Theming & Styling\n\n| Tool                    | Description                                    |\n| ----------------------- | ---------------------------------------------- |\n| `get_component_pt`      | Get Pass Through options for DOM customization |\n| `get_component_tokens`  | Get design tokens (CSS variables)              |\n| `get_component_styles`  | Get CSS class names                            |\n| `get_theming_info`      | Get theming information                        |\n| `get_theming_guide`     | Get detailed theming guide                     |\n| `get_passthrough_guide` | Get Pass Through customization guide           |\n| `get_tailwind_guide`    | Get Tailwind CSS integration guide             |\n\n### Documentation & Guides\n\n| Tool                      | Description                             |\n| ------------------------- | --------------------------------------- |\n| `list_guides`             | List all guides and documentation pages |\n| `get_guide`               | Get a specific guide by name            |\n| `get_configuration`       | Get PrimeVue configuration options      |\n| `get_installation`        | Get installation instructions           |\n| `get_icons_guide`         | Get icons usage guide                   |\n| `get_accessibility_guide` | Get accessibility guide                 |\n| `get_accessibility_info`  | Get accessibility info for a component  |\n\n### Search & Discovery\n\n| Tool                           | Description                                 |\n| ------------------------------ | ------------------------------------------- |\n| `search_all`                   | Search across components, guides, and props |\n| `suggest_component`            | Suggest components based on use case        |\n| `find_by_prop`                 | Find components with a specific prop        |\n| `find_by_event`                | Find components that emit a specific event  |\n| `find_components_with_feature` | Find components supporting a feature        |\n| `get_related_components`       | Find related components                     |\n\n### Utilities\n\n| Tool                     | Description                               |\n| ------------------------ | ----------------------------------------- |\n| `get_component_url`      | Get the official documentation URL        |\n| `get_component_import`   | Get the correct import statement          |\n| `get_component_sections` | Get all sections/features for a component |\n| `validate_props`         | Validate props for a component            |\n| `export_component_docs`  | Export documentation in markdown          |\n| `get_form_components`    | Get all form input components             |\n| `get_data_components`    | Get all data display components           |\n| `get_overlay_components` | Get all overlay/popup components          |\n| `get_performance_tips`   | Get performance optimization tips         |\n| `get_version_info`       | Get version and compatibility info        |\n\n### Vue Composables\n\n| Tool               | Description                             |\n| ------------------ | --------------------------------------- |\n| `list_composables` | List all PrimeVue composables           |\n| `get_composable`   | Get details about a specific composable |\n\n## Example Prompts\n\nOnce installed, try asking your AI assistant:\n\n- \"What are all the props available for the DataTable component?\"\n- \"Show me how to implement row selection in DataTable\"\n- \"How do I customize Button styles using Pass Through?\"\n- \"What design tokens are available for the Card component?\"\n- \"Find me a component for selecting multiple items from a list\"\n- \"Compare AutoComplete and Select components\"\n\n## Requirements\n\n- Node.js 18+\n- One of the supported AI tools (Claude Code, VS Code + Copilot, Cursor, Windsurf, Claude Desktop)\n\n## Links\n\n- [PrimeVue Documentation](https://primevue.org/)\n- [Model Context Protocol](https://modelcontextprotocol.io/)\n- [GitHub Repository](https://github.com/primefaces/primevue)\n- [Report Issues](https://github.com/primefaces/primevue/issues)\n\n## License\n\nMIT\n\n<!-- File: packages/metadata/README.md (Tokens: ~6 | Category: plugin-manifest) -->\n# PrimeVue MetaData\n\n<!-- File: packages/nuxt-module/README.md (Tokens: ~433 | Category: plugin-manifest) -->\n![@primevue/nuxt-module](https://github.com/primefaces/primevue-nuxt-module/assets/11868120/c35e1180-573f-4650-bbe9-0c79bff71f05)\n\n# PrimeVue Nuxt Module\n\n[![npm version][npm-version-src]][npm-version-href]\n[![npm downloads][npm-downloads-src]][npm-downloads-href]\n[![Discord Chat][discord-src]](discord-href)\n[![License][license-src]][license-href]\n\n- [✨ Release Notes](https://github.com/primefaces/primevue/packages/nuxt-module/blob/main/CHANGELOG.md#changelog)\n- [📖 Documentation](https://primevue.org/nuxt/)\n\n## Quick Setup\n\n1. Add `@primevue/nuxt-module` dependency to your project\n\n```bash\nnpx nuxi@latest module add primevue\n```\n\n2. Add `@primevue/nuxt-module` to the `modules` section of `nuxt.config.{ts,js}`\n\n```js\n{\n    modules: ['@primevue/nuxt-module'];\n}\n```\n\nThat's it! You can now use `@primevue/nuxt-module` in your Nuxt app ✨\n\n[npm-version-src]: https://img.shields.io/npm/v/@primevue/nuxt-module/latest.svg?color\n[npm-version-href]: https://npmjs.com/package/@primevue/nuxt-module\n[npm-downloads-src]: https://img.shields.io/npm/dm/@primevue/nuxt-module\n[npm-downloads-href]: https://npmjs.com/package/@primevue/nuxt-module\n[discord-src]: https://img.shields.io/discord/557940238991753223.svg?colorB=7289da&label=chat&logo=discord\n[license-src]: https://img.shields.io/npm/l/@primevue/nuxt-module.svg?style=flat&colorB=yellow\n[license-href]: https://npmjs.com/package/@primevue/nuxt-module\n\n<!-- File: packages/primevue/README.md (Tokens: ~256 | Category: plugin-manifest) -->\n[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)\n[![npm version](https://badge.fury.io/js/primevue.svg)](https://badge.fury.io/js/primevue)\n[![Discord Chat](https://img.shields.io/discord/557940238991753223.svg?color=7289da&label=chat&logo=discord)](https://discord.gg/gzKFYnpmCY)\n[![Prime Discussions](https://img.shields.io/github/discussions-search?query=org%3Aprimefaces&logo=github&label=Prime%20Discussions&link=https%3A%2F%2Fgithub.com%2Forgs%2Fprimefaces%2Fdiscussions)](https://github.com/orgs/primefaces/discussions)\n\n[![PrimeVue Hero](https://www.primefaces.org/static/social/primevue-preview.jpg)](https://primevue.org/)\n\n# PrimeVue Website\n\nPrimeVue is a rich set of open source UI Components for Vue. Visit the [PrimeVue website](https://primevue.org/) for interactive demos, comprehensive documentation and additional resources.\n\n<!-- File: packages/themes/README.md (Tokens: ~5 | Category: plugin-manifest) -->\n# PrimeVue Themes\n</yakaai_skills>"}