xby-react-composer-kit:Composer Kit 组件库文档与 Celo 开发服务

在 DeepSeek Harness (DSH) 中处理 Web3 项目时,开发者需要频繁查阅 React 组件库文档、确认 Props 定义或查找 Celo Composer CLI 的用法。这个插件是一个 MCP 服务器,为 Composer Kit React 组件库提供文档、示例和使用信息,专为在 Celo 区块链上构建应用而设计。

核心功能

该插件提供以下能力:

  • 组件检索与管理:列出所有可用组件及其类别;按名称、描述或功能搜索组件;按特定类别(如 ‘Wallet Integration’、’Payment & Transactions’)筛选组件。
  • 组件详情与代码:获取特定组件的详细信息,包括源代码、Props 定义和用法说明;获取组件的真实使用示例代码。
  • 开发辅助:获取 Composer Kit 的安装指南;获取 Celo Composer CLI create 命令的详细文档,包括 --description、--wallet-provider 等选项。
  • 配置与持久化:在聊天中设置 API 密钥,该密钥会自动持久化,重启后仍然有效。

安装与启用

在 DSH 环境中安装此插件:

dsh plugin --profile web add github:xby-skill/xby-react-composer-kit

安装完成后,插件将作为 MCP 服务器在当前 DSH 进程中运行。

配置说明

API 密钥

使用该插件前,需要前往小笨羊官网注册并获取 API 密钥。在 DSH 对话中调用 set_xby_apikey 功能设置密钥。

项目信息

该插件的 package.json 配置如下:

{
  "name": "xby-react-composer-kit",
  "version": "1.0.0",
  "license": "MIT",
  "type": "module",
  "main": "./dist/index.js",
  "files": [
    "dist",
    "cordis.patch.yml"
  ]
}

典型用法

  1. 列出组件:先执行 list_components 查看当前有哪些可用的 React 组件。
  2. 搜索组件:如果已知组件名称或功能,使用 search_components 快速定位。
  3. 获取详情:使用 get_component 获取组件的源码和 Props 定义;使用 get_component_example 获取可直接运行的代码示例。
  4. 筛选组件:使用 get_components_by_category 查看特定分类下的组件(例如查看所有 NFT 相关组件)。
  5. 配置环境:在对话中输入 set_xby_apikey 并提供密钥,完成配置。
  6. CLI 辅助:在编写 Celo 项目脚手架命令时,使用 get_celo_composer_cli_info 查询 create 命令的可用参数。

适用场景与注意

  • 适用对象:使用 Composer Kit 和 React 构建基于 Celo 区块链应用的开发者。
  • 本地调试:插件提供“方式二(本地目录安装)”和“方式三(通过 cordis.patch.yml)”用于本地开发调试,这两种方式仅用于开发阶段,不建议在生产环境直接使用。
  • 权限检查:插件以当前 DSH 进程的权限运行。安装前,建议检查源码与许可证(MIT)。
  • 依赖:核心功能依赖小笨羊 API 服务,请确保网络连通性及密钥的有效性。
羽毛球分组比赛记分
小程序二维码

欢迎使用《羽毛球分组比赛记分》微信小程序

小夜