con un clic
onyx-install-mcp
Installation and setup instructions for the local onyx MCP server
Instalar con Codex o Claude Copia este prompt, pégalo en Codex, Claude u otro asistente, y deja que revise la página de la skill y la instale por ti.
Menú
Installation and setup instructions for the local onyx MCP server
Instalar con Codex o Claude Copia este prompt, pégalo en Codex, Claude u otro asistente, y deja que revise la página de la skill y la instale por ti.
Basado en la clasificación ocupacional SOC
Best practices and dynamic API lookup instructions for Onyx UI components. Use when implementing UI features, forms, or building Vue templates.
Styling foundations, CSS variables, layout grid, breakpoints, and responsive mixins for Onyx. Use when writing custom CSS, designing layouts, or ensuring theme compliance.
One-time configuration, initialization, CSS/font imports, i18n, and layout scaffolding for the Onyx design system. Use when setting up a new project or integrating Vue Router.
| name | onyx-install-mcp |
| description | Installation and setup instructions for the local onyx MCP server |
| license | Apache-2.0 |
To allow coding-agents to dynamically query component API specifications and icons, install and configure the official Onyx Model Context Protocol (MCP) server.
Install the package globally using your package manager:
# Using npm
npm install -g @sit-onyx/modelcontextprotocol
# Using pnpm
pnpm install -g @sit-onyx/modelcontextprotocol
Verify the installation is successful:
onyx-mcp -h
Configure the server in your preferred MCP-compliant client (such as Cursor, Claude Desktop, VS Code plugins, or general command-line utilities) using these standard parameters:
onyx-mcp["-r"] (Optional: Use the --resourcesAsTools flag if the coding-assistant is not able to to use MCP resources. This setting makes resources also available as MCP tools to support these Coding Assistants.)"Provides necessary details about working with the onyx UI component library, e.g. components and their APIs, setup instructions and best practices"Before querying the MCP server, you MUST discover the exact Onyx version used in the project:
package.json.dependencies or devDependencies for sit-onyx."1.2.3") as the required version parameter for all subsequent MCP tool calls.Use the connected onyx-mcp tools using your discovered version.