Как создать чат-бота с искусственным интеллектом с помощью React JS
Диалоговый искусственный интеллект набирает обороты, и чат-боты, основанные на больших языковых моделях (LLM), таких как ChatGPT, быстро становятся обязательными для многих приложений и веб-сайтов. Как разработчик React, вам нужен простой способ создать отличный интерфейс чата, подкрепленный этими невероятными LLM. Именно здесь на помощь приходит NLUX — библиотека Javascript/React JS с открытым исходным кодом.
Сразу к делу
Вот все, что вам нужно для создания собственного чат-бота с искусственным интеллектом с использованием NLUX:
npm install @nlux/nlux-react @nlux/openai-reactimport {ConvoPit} from '@nlux/nlux-react';
import {useAdapter} from '@nlux/openai-react';
const MyAiChatComp = () => {
const chatGptAdapter = useAdapter('openai/gpt', {
apiKey: 'YOUR_OPEN_AI_API_KEY',
initialSystemMessage:
'I want you to act Elon Musk, with a twist of humor, teaching ' +
'a web developer about how to make the most out of ' +
'generative AI. Give answers of around 1 paragraph.'
});
return (
<ConvoPit
adapter={chatGptAdapter}
promptBoxOptions={{placeholder: 'Hi, Elon here! How can I help?'}}
/>
);
}В этом примере мы поручаем ChatGPT «действовать как» Илона Маска и советуем веб-разработчику, как максимально эффективно использовать генеративный ИИ. Эта инструкция будет влиять на все взаимодействия с ботом.
Вы можете ввести любую инструкцию «действовать как»! Ваше воображение – предел!
Результат
И теперь вы добавили на свою веб-страницу компонент чата AI с окном подсказки и пользовательским интерфейсом в стиле What's App, подключенным к API ChatGPT OpenAI и фактически ведущим себя как Илон Маск!
И вот как происходит разговор:
See an AI-powered Elon Musk chatbot created with NLUX give hilarious and insightful advice to web developers about leveraging generative AI! This AI assistant impersonates…
Итак, что такое NLUX?
NLUX (для пользовательского опыта на естественном языке) — это новая библиотека Javascript/React JS с открытым исходным кодом, которая упрощает интеграцию мощных моделей большого языка (LLM), таких как ChatGPT, в ваше веб-приложение или веб-сайт.
Как вы можете видеть в приведенном выше примере, всего с помощью нескольких строк кода вы можете добавить возможности диалогового ИИ и взаимодействовать с вашим любимым LLM.
За последние несколько недель я посвятил этому проекту значительное время и усилия. Двигаясь вперед, я рад посвятить еще больше времени и энергии созданию бесплатной библиотеки JS с открытым исходным кодом и богатым набором функций, чтобы веб-разработчикам было очень просто создавать приложения на базе искусственного интеллекта.
