KPC AI CLI

AI-friendly CLI and MCP server for King Design KPC component knowledge across Intact, React, Vue 3, and Vue 2.

npm install -g kpc-ai-cli
kpc-ai list
kpc-ai info Button --framework react --format json
kpc-ai demo Button basic --framework vue --format markdown
kpc-ai mcp

During local development, generate the bundled data from a sibling KPC checkout:

npm run extract -- --kpc-dir ../kpc
npm run build

Commands

kpc-ai list [--framework intact|react|vue|vue-legacy]
kpc-ai info <Component> [--framework react] [--detail] [--format json]
kpc-ai doc <Component> [--framework vue]
kpc-ai demo <Component> [demoName] [--framework react]
kpc-ai design.md
kpc-ai llms [--full]
kpc-ai setup --client cursor|claude|vscode|codex|opencode --mode both --dry-run
kpc-ai mcp

MCP

{
  "mcpServers": {
    "kpc": {
      "command": "npx",
      "args": ["-y", "kpc-ai-cli", "mcp"]
    }
  }
}

OpenCode configuration:

{
  "$schema": "https://opencode.ai/config.json",
  "mcp": {
    "kpc": {
      "type": "local",
      "command": ["npx", "-y", "kpc-ai-cli", "mcp"],
      "enabled": true
    }
  }
}

MCP tools:

• kpc_list
• kpc_info
• kpc_doc
• kpc_demo
• kpc_design_md
• kpc_llms

MCP prompts:

• kpc-expert
• kpc-page-generator
• kpc-framework-migrator

Frameworks

| Framework | Package | | --- | --- | | intact | @king-design/intact | | react | @king-design/react | | vue | @king-design/vue | | vue-legacy | @king-design/vue-legacy |