Chatbot UI: um aplicativo de bate-papo com IA de código aberto que imita a interface e a funcionalidade do ChatGPT

Introdução geral

O Chatbot UI é um projeto de código aberto desenvolvido para ajudar os desenvolvedores a criar interfaces de conversação personalizadas e inteligentes. O projeto fornece uma série de componentes de interface e recursos interativos que podem ser facilmente integrados ao sistema de chatbot existente para oferecer aos usuários uma experiência de diálogo mais fluida e inteligente. O Chatbot UI é baseado na licença MIT e oferece suporte a uma variedade de integração de modelos de IA com um design de interface de usuário limpo e fácil de implantar. Com base no projeto mckaywrigley/chatbot-ui no GitHub, você pode implantá-lo e usá-lo facilmente, além de oferecer suporte à otimização de layout móvel.

Lista de funções

• Fornece uma variedade de componentes de interface
• Suporte para integração de vários modelos de IA
• Design simples da interface do usuário
• Fácil de implementar e integrar
• Oferece suporte a várias contas e autenticação SSO
• Sistema de plug-in extensível

Usando a Ajuda

Processo de instalação

1. armazém de clones::

   git clone https://github.com/mckaywrigley/chatbot-ui.git
   

2. Instalação de dependências::

   npm install
   

3. Adicionar extensãoHabilite as extensões conforme necessário, seguindo as instruções do arquivo README.
4. Executar o aplicativoOperação local:

   npm run dev
   

   ou executá-lo com o Docker:

   docker build -t chatbot-ui .
   docker run --env-file=.env.local -p 3000:3000 --name chatbot chatbot-ui
   

Instruções de uso

1. Configuração da chave de API: Criar um.env.locale configurá-lo:

   OPENAI_API_KEY=SUA_CHAVE
   

   Se a chave da API não estiver disponível, o usuário precisará fornecer sua própria chave.

2. Configuração da variável de ambienteAs seguintes variáveis de ambiente podem ser definidas durante a implementação do aplicativo:
   • OPENAI_API_KEYChave de API padrão para autenticação da OpenAI
   • OPENAI_API_HOSTConfigurar hosts alternativos
   • OPENAI_ORGANIZATIONDesignação de organizações da OpenAI
3. Função Fluxo de operação::
   • componente de interfaceCom a biblioteca de componentes fornecida, os desenvolvedores podem criar rapidamente interfaces de diálogo.
   • integração de modelosSuporte a uma variedade de modelos de IA, e os usuários podem escolher o modelo certo para integração de acordo com suas necessidades.
   • sistema de plug-inFuncionalidade estendida por meio de plug-ins para atender a diferentes necessidades comerciais.

Etapas detalhadas

1. Uso do componente de interface::
   • Importe os componentes necessários:

     importação { Componente de bate-papo } de 'chatbot-ui';
     

   • Usado em aplicações:

     <Componente de bate-papo modelo="gpt-3" />
     

2. integração de modelos::
   • Configure os parâmetros do modelo:

     const modelConfig = {
       modelo: 'gpt-3',
       apiKey: processo.env.OPENAI_API_KEY,
     };
     

   • Inicializar o modelo:

     const chatModel = novo ChatModel(modelConfig).
     

3. sistema de plug-in::
   • Instale o plug-in:

     npm install @chatbot-ui/plugin-name
     

   • Configure o plug-in:

     importação { Plug-in } de '@chatbot-ui/plugin-name';
     const pluginConfig = {
       opção1: 'value1',
       opção2: 'value2',
     };
     const plugin = novo Plug-in(pluginConfig).