c2n Web Components MCP Server

What the code does

We read the source, 2 d ago · rules 995398eba69f

What this server is able to do. For an MCP server this is often the job itself — a terminal server runs commands because that is what it is for. Listed so you know what you are plugging in, not as an accusation.

              ? html`<c2-select class="part-select" .value=${[tag]} required aria-label="Part to theme" @selection-change=${this.handleSelectComponentChange}>

    const full = /^\D*(\d{1,2})\D+(\d{4})\D*$/.exec(input.value)

      card.innerHTML = `<span slot="header">${name}</span>
        <c2-icon-button slot="controls" aria-label="Close ${name}" onclick="this.closest('c2-dash-card').dismiss()">${CLOSE_ICON}</c2-icon-button>
        <div class="motion-pane">${name}</div>`
      grid.append(card)

Is this your server and something here is wrong? Tell us — corrections are free and do not require a plan.

Connect this server

This server runs on your own machine — install it with the package manager and the client starts it for you. Package name taken from the official registry entry.

claude mcp add c2n -- npx -y @c2n/mcp

{
  "mcpServers": {
    "c2n": {
      "command": "npx",
      "args": [
        "-y",
        "@c2n/mcp"
      ]
    }
  }
}

[mcp_servers.c2n]
command = "npx"
args = ["-y", "@c2n/mcp"]

{
  "mcpServers": {
    "c2n": {
      "command": "npx",
      "args": [
        "-y",
        "@c2n/mcp"
      ]
    }
  }
}

{
  "servers": {
    "c2n": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "@c2n/mcp"
      ]
    }
  }
}

Optional settings from the registry entry, left out of the block above: C2N_PROJECT_ROOT (Project whose installed @c2n/* packages the server reports. Defaults to the working directory).