在 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"
]
}
典型用法¶
- 列出组件:先执行
list_components查看当前有哪些可用的 React 组件。 - 搜索组件:如果已知组件名称或功能,使用
search_components快速定位。 - 获取详情:使用
get_component获取组件的源码和 Props 定义;使用get_component_example获取可直接运行的代码示例。 - 筛选组件:使用
get_components_by_category查看特定分类下的组件(例如查看所有 NFT 相关组件)。 - 配置环境:在对话中输入
set_xby_apikey并提供密钥,完成配置。 - CLI 辅助:在编写 Celo 项目脚手架命令时,使用
get_celo_composer_cli_info查询create命令的可用参数。
适用场景与注意¶
- 适用对象:使用 Composer Kit 和 React 构建基于 Celo 区块链应用的开发者。
- 本地调试:插件提供“方式二(本地目录安装)”和“方式三(通过 cordis.patch.yml)”用于本地开发调试,这两种方式仅用于开发阶段,不建议在生产环境直接使用。
- 权限检查:插件以当前 DSH 进程的权限运行。安装前,建议检查源码与许可证(MIT)。
- 依赖:核心功能依赖小笨羊 API 服务,请确保网络连通性及密钥的有效性。