HeyBeauty バーチャル トライオン

これは、HayBeauty API を使用して仮想トリトンを実装する TypeScript ベースの MCP サーバーです。 コアMCPのコンセプトを提示します。

• URIとメタデータで服を表すリソース
• トリトンタスクとクエリタスク情報を送信するためのツール。
• トリトンの布のためのプロンプト。

クイックスタート

1. HeyBeauty APIキーの適用

2. MCP Client config ファイルにサーバー config を追加

リソース

• [cloth://を介して服をリストしてアクセス] ログイン
• 各布にid、名前、説明、画像url、メタデータがあります
• シンプルなコンテンツアクセスのためのプレーンテキストミータイプ

ツール

• [submit_tryon_task - トリトンタスクの送信
• 必要な変数としてユーザーのイメージのurl、布のイメージのurl、布のidおよび布の記述を取って下さい
• サーバの状態でトライオンタスクを保存
• [query_tryon_task - トリコンタスクのクエリ
• 必須パラメータとしてタスク ID を取る
• トライオンのタスク情報を返す

プロンプト

• [tryon_cloth - トリトンクロス
• 必要な変数としてユーザーのイメージのurl、布のイメージのurl、布のidおよび布の記述を取って下さい
• LLM のトリトンのための構造されたプロンプトを戻して下さい

リソース

• [cloth:// - 服のURI
• 各布にid、名前、説明、画像url、メタデータがあります

開発

HeyBeauty MCP Server

HeyBeauty Virtual TryOn

This is a TypeScript-based MCP server that implements virtual tryon using HeyBeauty API. It demonstrates core MCP concepts by providing:

• Resources representing clothes with URIs and metadata
• Tools for submit tryon task and query task info.
• Prompts for tryon cloth.

Quick Start

1. apply for HeyBeauty API Key

2. add the server config to MCP Client config file

{
  "mcpServers": {
    "heybeauty-mcp": {
      "command": "npx",
      "args": ["-y", "heybeauty-mcp"],
      "env": {
        "HEYBEAUTY_API_KEY": "your_heybeauty_api_key"
      }
    }
  }
}

Resources

• List and access clothes via cloth:// URIs
• Each cloth has a id, name, description, image url and metadata
• Plain text mime type for simple content access

Tools

• submit_tryon_task - Submit a tryon task
  • Takes user image url, cloth image url, cloth id and cloth description as required parameters
  • Stores tryon task in server state
• query_tryon_task - Query a tryon task
  • Takes task id as required parameter
  • Returns tryon task info

Prompts

• tryon_cloth - Tryon cloth
  • Takes user image url, cloth image url, cloth id and cloth description as required parameters
  • Returns structured prompt for LLM tryon

Resources

• cloth:// - URI for clothes
  • Each cloth has a id, name, description, image url and metadata

Development

Install dependencies:

npm install

Build the server:

npm run build

For development with auto-rebuild:

npm run watch

Installation

To use with Claude Desktop, add the server config:

On MacOS: ~/Library/Application Support/Claude/claude_desktop_config.json On Windows: %APPDATA%/Claude/claude_desktop_config.json

{
  "mcpServers": {
    "heybeauty-mcp": {
      "command": "node",
      "args": ["/path/to/heybeauty-mcp/build/index.js"]
    },
    "env": {
      "HEYBEAUTY_API_KEY": "your_heybeauty_api_key"
    }
  }
}

Follow this document to get HeyBeauty API Key.

Debugging

Since MCP servers communicate over stdio, debugging can be challenging. We recommend using the MCP Inspector, which is available as a package script:

npm run inspector

The Inspector will provide a URL to access debugging tools in your browser.