AI Configuration Component

一个用于配置和调用AI模型的React组件。

功能特点

• 支持配置变量、表格和JSON数据
• 支持多个AI模型的选择和配置
• 可视化提示词配置
• 支持变量引用和动态替换
• 提供预览功能

安装

npm install ai-config-component

使用方法

import { AIConfigComponent } from 'ai-config-component';

const App = () => {
  const handleConfigSave = (config) => {
    console.log('保存的配置:', config);
  };

  const handleRun = async (config) => {
    // 实现AI调用逻辑
    const response = await fetch(config.modelConfig.apiUrl, {
      method: 'POST',
      headers: {
        'Content-Type': 'application/json',
      },
      body: JSON.stringify({
        model: config.modelConfig.model,
        prompt: config.promptConfig,
        stream: false
      })
    });
    return response.json();
  };

  return (
    <AIConfigComponent
      onConfigSave={handleConfigSave}
      onRun={handleRun}
    />
  );
};

配置结构

interface AIConfig {
  variables: VariableConfig[];
  modelConfig: ModelConfig;
  promptConfig: PromptConfig;
}

interface VariableConfig {
  id: string;
  name: string;
  type: 'variable' | 'table' | 'json';
  value: any;
  description?: string;
}

interface ModelConfig {
  model: string;
  apiUrl: string;
}

interface PromptConfig {
  role: string;
  examples: string;
  question: string;
  result: string;
}

开发

# 安装依赖
npm install

# 构建
npm run build

# 测试
npm test

许可证

MIT