# 全局安装
npm install -g @hy-app/mcp

# 或使用 npx（无需安装）
npx @hy-app/mcp

{
  "mcpServers": {
    "hy-app": {
      "command": "npx",
      "args": ["@hy-app/mcp"]
    }
  }
}

{
  "mcpServers": {
    "hy-app": {
      "command": "hy-app-mcp"
    }
  }
}

{
  "mcpServers": {
    "hy-app": {
      "command": "node",
      "args": ["./node_modules/@hy-app/mcp/dist/index.js"]
    }
  }
}

# 搜索组件
帮我找一个弹窗组件

# 查看组件 API
获取 Button 组件的 Props 信息

# 查看平台兼容性
Form 组件支持支付宝小程序吗？

# 获取使用示例
给我 Loading 组件的加载中示例代码

# 校验代码
检查这段代码是否有属性错误：
<hy-button type="primary" size="big" @click="handleClick">

{
  "mcpServers": {
    "hy-app": {
      "command": "hy-app-mcp"
    }
  }
}

{
  "mcpServers": {
    "hy-app": {
      "command": "npx",
      "args": ["@hy-app/mcp"]
    }
  }
}

# 示例 1：了解组件用法
我想在项目中使用 hy-app 的 Picker 组件，帮我生成一个基础选择器的代码

# 示例 2：平台兼容性检查
我的项目需要运行在微信小程序上，Radio 组件能用吗？

# 示例 3：Hook 使用
教我用 useToast Hook 实现一个全局提示

# 示例 4：主题定制
我想把组件库的主题色改为 #FF6600，应该怎么做？

# 示例 5：代码校验
帮我检查这段 hy-input 的用法是否正确：
<hy-input v-model="value" type="email" :clearable="true" placeholder="请输入邮箱" />

{
  "componentName": "搜索关键词",
  "category": "可选，分类过滤"
}

{
  "componentName": "button",
  "section": "可选：props | events | slots | all，默认 all",
  "detail": "可选：是否返回完整详情，默认 true。设为 false 可减少 token，只返回 name/type/default/enum",
  "includeExamples": "可选：是否包含示例代码，默认 false"
}

{
  "componentName": "button",
  "feature": "可选，按功能关键词过滤",
  "listOnly": "可选，只返回标题列表，默认 false"
}

{
  "componentName": "button",
  "platform": "可选：app | h5 | weixin | alipay"
}

{
  "name": "useToast",
  "includeExamples": "可选，默认 false"
}

{
  "name": "http",
  "includeExamples": "可选，默认 false"
}

{
  "topic": "theme | locale | style | intro",
  "query": "可选，搜索特定内容"
}

{
  "componentName": "button",
  "code": "<hy-button type='error' size='big' @click='handleClick'>"
}