Agentify Components

🚀 Agentify

Agentify is a tool that transforms components into intelligent agents. By simply adding configurations to each component, they can understand themselves, their context, and operational goals, enabling intelligent interactions.

🚀 Quick Start

Agentify is a tool designed to convert components into intelligent agents. With simple configurations for each component, they can understand themselves, context, and operational goals, enabling intelligent interactions.

📦 Installation

Installation Steps

1. Install using npm or yarn:

npm install agentify
# or
yarn add agentify

2. Import and initialize Agentify in your project:

import { AgentComponent } from 'agentify';

✨ Features

Agentify Components

Agentify offers three ways to add agent configuration to components:

Basic Usage

// Using Decorator Pattern
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>;
  }
}

Advanced Usage

// Using Higher-Order Component Pattern
import { withAgentConfig } from 'agentify';

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

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

// Directly Assigning Configuration Attributes
import { AgentComponent } from 'agentify';

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

LoginButton.agentConfig = {
  type: 'auth',
  behavior: {
    authenticateUser: async (username: string, password: string) => {
      // Login logic
    }
  };

Generate MCP Server

Agentify provides the ability to automatically generate a server compatible with the MCP (Microservices Communication Protocol). This allows agentified components to seamlessly integrate with systems supporting the MCP protocol.

Implementation Steps

1. Create a generate.ts file and add the following code:

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

const componentList = Object.values(components);

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

2. Update the package.json file in the project root directory and add the following scripts:

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

📚 Documentation

Component Configuration Options

For a detailed guide on component configuration, please refer to the Component Configuration Document.

Documentation Resources

• Project Overview
• Developer Documentation
• API Reference

💡 Contribution

Contributions are welcome! Please read our Contribution Guidelines to learn how to participate in the project development.

📄 License

This project is licensed under the MIT License. See the LICENSE file for details.