KM

This page was translated automatically. Technical details may differ from the original. View the original

0 stars 1 forks Quality 51 Trend 0

KPC组件库MCP服务

Overview

基于官方 @modelcontextprotocol/sdk 开发的KPC组件库AI代码生成服务,彻底解决AI幻觉问题。 1. : AI经常使用不存在的组件属性或错误的API 2. : AI使用错误的包名导入组件 3. : 如Form组件不使用FormItem包裹表单控件 4. : 传统方案需要访问KPC源码 : ~/Library/Application Support/Claude/claude_desktop_config.json : %APPDATA%\Claude\claude_desktop_config.json - : 58个 - : 7大类(基础组件、表单组件、数据展示等) - : - ✅ Props属性: 完整类型定义和默认值 - ✅ Events事件: 参数类型和描述 - ✅ Methods方法: 返回值类型和用途 - ✅ Slots插槽: 参数定义和说明 - ✅ 使用示例: 真实可用代码 - ✅ 嵌套规则: 防止错误用法 测试覆盖: - ✅ 数据加载和缓存 - ✅ 组件检索和搜索 - ✅ 使用验证和错误检查 - ✅ 示例生成和格式化 - ✅ 边界情况和异常处理 - : 服务只提供API查询,不修改任何代码 - : 严格的TypeScript类型检查 - : 完善的异常捕获和MCP标准错误码 - : 所有用户输入都经过验证 - : 组件数据加载后缓存在内存 - : 只返回请求的组件信息 - : 支持快速分类查找和筛选 - : 使用异步I/O避免阻塞 ✅ : 基于真实API数据,确保属性、事件、方法都存在 ✅ : 明确使用 @king-design/vue 等正确包名 ✅ : Form → FormItem → 表单控件等规则自动验证 ✅ : 58个组件的全部Props、Events、Methods、Slots ✅ : 实时检查代码正确性并提供修复建议 ✅ : 基于官方TypeScript SDK,类型安全,易维护

Install

npx -y @modelcontextprotocol/inspector npx kpc-mcp-server
New to MCP? Start with the mcpskill.org guide →

Configuration

{ "mcpServers": { "kpc-components": { "command": "node", "args": ["/path/to/kpc/mcp/dist/index.js"], "cwd": "/path/to/kpc/mcp" } } }