Agentify Components

🚀 Agentify 代理化

Agentify は、コンポーネントをインテリジェントエージェントに変換するツールです。各コンポーネントに簡単に設定を追加することで、自身、コンテキスト、操作目標を理解する能力を持たせ、インテリジェントなインタラクションを実現できます。

🚀 クイックスタート

Agentifyを使ってコンポーネントをインテリジェントエージェントに変換することができます。以下に、基本的な使い方を説明します。

📦 インストール

インストール手順

1. npm または yarn を使ってインストールします。

npm install agentify
# または
yarn add agentify

2. プロジェクトに Agentify をインポートして初期化します。

import { AgentComponent } from 'agentify';

💻 使用例

基本的な使用法

コンポーネントに代理化設定を追加する方法

Agentify は、コンポーネントに代理化設定を追加するための3つの方法を提供しています。

デコレータパターンを使用する場合

import { AgentConfig } from 'agentify';

@AgentConfig({
  type: 'greeting',
  behavior: {
    sayHello: () => console.log('你好！'),
    greetUser: (name: string) => `欢迎，${name}！`
  }
})
export class GreetingComponent extends React.Component {
  render() {
    return <div>问候组件</div>;
  }
}

高階コンポーネントパターンを使用する場合

import { withAgentConfig } from 'agentify';

const WelcomeButton = () => <button>欢迎点击</button>;

export const AgentifiedWelcomeButton = withAgentConfig({
  type: 'greeting',
  behavior: {
    sayHello: () => console.log('你好！'),
    greetUser: (name: string) => `欢迎，${name}！`
  }
})(WelcomeButton);

直接設定属性を割り当てる場合

import { AgentComponent } from 'agentify';

const LoginButton = () => <button>登录</button>;

LoginButton.agentConfig = {
  type: 'auth',
  behavior: {
    authenticateUser: async (username: string, password: string) => {
      // 登录逻辑
    }
  };

高度な使用法

MCP サーバーを生成する方法

Agentify は、MCP（Microservices Communication Protocol）プロトコルに互換性のあるサーバーを自動生成する機能を提供しています。これにより、代理化されたコンポーネントは、MCP プロトコルをサポートするシステムとシームレスに統合できます。

実装手順

1. generate.ts ファイルを作成し、以下のコードを追加します。

import { generateMCPServer } from 'agentify';
import * as components from './components/ButtonExample';

const componentList = Object.values(components);

console.log(componentList);
generateMCPServer(componentList, './mcpServer');

2. プロジェクトのルートディレクトリにある package.json ファイルを更新し、以下のスクリプトを追加します。

{
  "scripts": {
    "build:mcp": "ts-node ./generate.ts",
    "deploy:mcp": "echo \"尚未实现部署脚本\""
  }
}

📚 ドキュメント

コンポーネント設定ガイド

詳細なコンポーネント設定ガイドについては、コンポーネント設定ドキュメント を参照してください。

ドキュメントリソース

• プロジェクト概要
• 開発者ドキュメント
• API リファレンス

🤝 コントリビューションガイド

コントリビューションを歓迎します！まずは コントリビューション規約 を読んで、プロジェクト開発にどのように参加するかを確認してください。

📄 ライセンス

このプロジェクトは MIT ライセンスを採用しています。詳細は LICENSE ファイルを参照してください。