How do I install the canvas-kit-mcp MCP server?

Install via: npx -y @workday/canvas-kit-mcp. Then configure it in your Claude Desktop or Cursor settings.

Is the canvas-kit-mcp MCP server free?

Yes, the canvas-kit-mcp MCP server is open source and free to use. You may need a canvas-kit-mcp account or API key for authentication.

canvas-kit-mcp

npxVerified

The canvas-kit-mcp server provides AI agents with tools to create consistent user experiences in React applications. It exposes Canvas Kit components and design tokens, allowing agents to generate UI elements that adhere to Workday's design system. The server connects to Canvas Kit's design system and integrates with React applications. Developers use it to automate UI development, ensure design consistency, and generate React components with predefined styles.

3332460Updated Today

Overview

Installation

1Install the package

npxnpx -y @workday/canvas-kit-mcp

2Add to Claude

Add this configuration to your claude_desktop_config.json:

claude_desktop_config.json

{
  "mcpServers": {
    "workday-canvas-kit-mcp-npm": {
      "command": "npx",
      "args": [
        "-y",
        "npx -y @workday/canvas-kit-mcp"
      ]
    }
  }
}