NLUX: 强大的对话式AI JavaScript库

NLUX: 为任何LLM打造的对话式AI界面库

NLUX (Natural Language User Experience) 是一个强大的开源JavaScript库，旨在简化对话式AI界面的构建过程。它为开发者提供了一套全面的工具，使其能够轻松地将大型语言模型(LLMs)集成到Web应用程序中。无论您是使用React、Next.js还是普通的JavaScript，NLUX都能满足您的需求。

NLUX logo

主要特性

NLUX提供了一系列强大的功能，使其成为构建对话式AI界面的理想选择：

快速构建AI聊天界面 - 只需几行代码即可创建高质量的对话式AI界面。
React组件和Hooks - 提供<AiChat />组件用于UI构建，以及useChatAdapter hook用于轻松集成。
Next.js和Vercel AI支持 - 为Next.js和Vercel AI提供开箱即用的支持、演示和示例。
React服务器组件(RSC)和生成式UI - 与Next.js或任何兼容RSC的框架配合使用。
LLM适配器 - 支持ChatGPT、LangChain的LangServe API、Hugging Face推理等。
自定义适配器接口 - 灵活的接口允许为任何LLM创建自定义适配器，支持流式或批处理模式。
助手和用户角色定制 - 可自定义参与者角色，包括名称、图像和描述。
高度可定制 - 通过主题、布局选项等几乎可以调整每个UI方面。
零依赖 - 轻量级代码库，核心零依赖，无外部UI库。

快速上手

NLUX提供了一个命令行工具nlux-cli，可以快速创建集成了NLUX的新项目：

# Next.js 🔼 with NLUX 
npx nlux-cli create next my-next-app

# React ⚛️ , Vite, with NLUX
npx nlux-cli create react my-react-app

# Or, vanilla TypeScript 🟨 , Vite, with NLUX
npx nlux-cli create vanilla my-vanilla-app

这些命令将为您创建一个基本的项目结构，并已经集成了NLUX，让您可以立即开始开发您的AI聊天应用。

使用示例

以下是一个使用NLUX React和LangChain创建AI聊天界面的简单示例：

import {AiChat} from '@nlux/react';
import {useChatAdapter} from '@nlux/langchain-react';

const App = () => {
    const gptAdapter = useChatAdapter({
        url: 'https://<Your LangServe Runnable URL>'
    });

    return (
        <AiChat
            adapter={gptAdapter}
            composerOptions={{
                placeholder: 'How can I help you today?'
            }}
            conversationOptions={{
                historyPayloadSize: 'max'
            }}
        />
    );
}