When handling Web3 projects in DeepSeek Harness (DSH), developers frequently need to consult React component library documentation, confirm Props definitions, or look up Celo Composer CLI usage. This plugin is an MCP server that provides documentation, examples, and usage information for the Composer Kit React component library, and is designed specifically for building applications on the Celo blockchain.

Core Features

This plugin provides the following capabilities:

  • Component retrieval and management: List all available components and their categories; search components by name, description, or function; filter components by a specific category (such as ‘Wallet Integration’ or ‘Payment & Transactions’).
  • Component details and code: Retrieve detailed information for a specific component, including source code, Props definitions, and usage instructions; obtain real-world usage example code for components.
  • Development assistance: Retrieve installation guides for Composer Kit; retrieve detailed documentation for the create command of Celo Composer CLI, including options such as --description and --wallet-provider.
  • Configuration and persistence: Set the API key in chat; the key is automatically persisted and remains valid after restart.

Installation and Enablement

Install this plugin in the DSH environment:

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

After installation is complete, the plugin will run as an MCP server in the current DSH process.

Configuration Guide

API Key

Before using this plugin, you need to visit the Xiaobenyang official website, register, and obtain an API key. In a DSH conversation, call the set_xby_apikey function to set the key.

Project Information

The package.json configuration for this plugin is as follows:

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

Typical Usage

  1. List components: First run list_components to view the currently available React components.
  2. Search components: If you already know a component name or function, use search_components to locate it quickly.
  3. Get details: Use get_component to retrieve a component’s source code and Props definitions; use get_component_example to obtain runnable code examples.
  4. Filter components: Use get_components_by_category to view components under a specific category (for example, all NFT-related components).
  5. Configure the environment: In the conversation, enter set_xby_apikey and provide the key to complete the configuration.
  6. CLI assistance: When writing a Celo project scaffolding command, use get_celo_composer_cli_info to query the available parameters for the create command.

Use Cases and Notes

  • Target users: Developers who use Composer Kit and React to build Celo blockchain-based applications.
  • Local debugging: The plugin provides “Method 2 (local directory installation)” and “Method 3 (via cordis.patch.yml)” for local development and debugging. These two methods are intended only for the development stage and are not recommended for direct use in production environments.
  • Permission check: The plugin runs with the permissions of the current DSH process. Before installation, it is recommended to review the source code and license (MIT).
  • Dependencies: Core functionality depends on the Xiaobenyang API service. Ensure network connectivity and the validity of the API key.