- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
所以我在我的 React 应用程序中实现了 chat gpt 3.5 Turbo API。所以我的应用程序基本上就像招聘人员的助手。因此,招聘人员向应用程序提供了一个示例职位帖子,并将该帖子发送到聊天 gpt 来制作它。现在我在响应中复制了不同的角色,我还指示它遵循这些角色和风格。在这个例子中,卢·阿德勒(Lou Adler)的角色和风格很诱人。但问题是,当我将问题交给 cht gpt 时,它给了我很好的响应,但对于我的应用程序中的 API,响应不够好。有人可以告诉我这个问题吗?
下面是我的代码,请注意有两个用户角色。我不明白。用户的实际支持将在哪里?您能详细说明一下这个问题吗?
import logo from './logo.svg';
import './App.css';
import React, { useEffect, useState } from 'react';
import axios from 'axios';
function App() {
// get api key from server
const [apiKey, setApiKey] = useState('');
useEffect(() => {
fetch('https://server-khaki-kappa.vercel.app/api/key')
.then(response => response.json())
.then(data => setApiKey(data.apiKey))
.catch(error => console.error(error));
}, []);
const headers = {
'Content-Type': 'application/json',
Authorization: `Bearer ${apiKey}`,
};
const [userInput, setUserInput] = useState({
system: '',
user: '',
assistant: '',
prompt: '',
model: 'gpt-3.5-turbo-16k',
});
console.log(userInput)
const [assistantResponse, setAssistantResponse] = useState('');
const [loading, setLoading] = useState(false);
const handleUserInput = (e) => {
console.log('e.target',e.target.value);
setUserInput((prevState) => ({
...prevState,
[e.target.name]: e.target.value,
}));
};
const sendUserInput = async () => {
setLoading(true);
const data = {
model: userInput.model,
messages: [
{
role: 'system',
content:
// userInput.system
'You are an AI language model trained to assist recruiters in refining job posts. Please provide Enticing content, language, and information in the job posts. Number of words in the response should be equal to or more than the job post that a recruiter is giving to you. you strictly have to follow the same persona given to you. also you have to follow the job post that recruiter will give you. you will make it more enticing and follow the persona of Lou Adler'
},
{
role: 'user',
content:
userInput.user
// 'When rewriting the job description, use a language model acting as a recruitment expert or consultant. In this context, take on the persona of Lou Adler. Your role is to be enticing with the reader and emphasize the benefits and opportunities associated with the job position, while presenting the information in an enticing manner.'
},
{
role: 'assistant',
content:
// userInput.assistant
'You are an AI assistant trained to help recruiters refine their job posts. You can provide suggestions, make the language more enticing, and ensure all necessary information is included. If any details are missing or ambiguous, please ask for more information to provide the best possible suggestions. Take your time to answer the best.'
},
{
role: 'user',
content:
userInput.prompt
},
],
temperature: 0.2
};
try {
const response = await axios.post(
'https://api.openai.com/v1/chat/completions',
data,
{ headers }
);
const { choices } = response.data;
const assistantResponse = choices[0].message.content;
setLoading(false);
setAssistantResponse(assistantResponse);
} catch (error) {
console.error('An error occurred:', error.message);
}
};
const formatAssistantResponse = (response) => {
const paragraphs = response.split('\n\n');
const formattedResponse = paragraphs.map((paragraph, index) => (
<p key={index} className="text-left mb-4">
{paragraph}
</p>
));
return formattedResponse;
};
return (
<div className="container mx-auto py-8">
<h1 className="text-2xl font-bold mb-4">Chat :</h1>
{loading ? (
<>
<h1 className="spinner"></h1>
</>
) : (
<>
<div className="bg-gray-100 p-4 mb-4">
{formatAssistantResponse(assistantResponse)}
</div>
</>
)}
<section className='m-6'>
<div className="mb-4 ">
<label className="block mb-2">
Model:
<select
className="border border-gray-300 rounded px-4 py-2 w-full"
name="model"
value={userInput.model}
onChange={handleUserInput}
>
<option value="gpt-3.5-turbo">gpt-3.5-turbo</option>
<option value="gpt-3.5-turbo-16k">gpt-3.5-turbo-16k</option>
<option value="gpt-3.5-turbo-0613">gpt-3.5-turbo-0613</option>
<option value="gpt-3.5-turbo-16k-0613">gpt-3.5-turbo-16k-0613</option>
{/* <option value="text-davinci-003">text-davinci-003</option> */}
</select>
</label>
</div>
<div className="mb-4">
{/* <label className="block mb-2">
System Role:
<textarea
className="border border-gray-300 rounded px-4 py-2 w-full"
type="text"
rows={4}
name="system"
value={userInput.system}
onChange={handleUserInput}
/>
</label> */}
</div>
<div className="mb-4">
<label className="block mb-2">
User Role:
<textarea
className="border border-gray-300 rounded px-4 py-2 w-full"
rows={4}
name="user"
value={userInput.user}
onChange={handleUserInput}
/>
</label>
</div>
<div className="mb-4">
{/* <label className="block mb-2">
Assistant Role:
<textarea
className="border border-gray-300 rounded px-4 py-2 w-full"
type="text"
rows={4}
name="assistant"
value={userInput.assistant}
onChange={handleUserInput}
/>
</label> */}
</div>
<div className="mb-4">
<label className="block mb-2">
Prompt:
<textarea
className="border border-gray-300 rounded px-4 py-2 w-full"
name='prompt'
type="text"
rows={4}
onChange={handleUserInput}
/>
</label>
</div>
</section>
<button
className="bg-blue-500 hover:bg-blue-600 text-white font-bold py-2 px-4 rounded"
onClick={sendUserInput}
>
Send
</button>
</div>
);
}
export default App;
最佳答案
聊天 GPT 的默认温度为 0.7,将其设置为 0.2 将生成更少的创意内容,但内容更加连贯。
辅助的角色也应该是从AI的角度来看的。它可用于在一系列消息中添加上下文。
https://help.openai.com/en/articles/7042661-chatgpt-api-transition-guide
关于reactjs - 我的 gpt 3.5 Turbo api 没有给出足够好的响应,正如我从聊天 gpt 中得到的那样,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/76514041/
我想知道 gmail 聊天如何允许用户连接到 AIM,然后像登录到 AIM 一样聊天。 做起来容易吗?怎么做到的? 有人知道任何类似的开源工具吗? 谢谢! 最佳答案 如果你在谈论编程,这里是源代码示例
大家好,我正在尝试制作一个游戏,两个主持人联系起来,他们将“掷硬币”,并确定谁先出局。我决定从基本代码开始。但是我真的没有主意。 Thread server2 = new Thread(new Ser
我已经创建了一个只有 1 个房间的聊天室、私有(private)消息、审核以及一切,现在一切都很好!当我测试聊天时,我意识到在聊天中输入的所有消息都会被保存,如果有很多人使用聊天,它很快就会占用 Fi
当用户键入内容并出现软键盘时,我必须保持聊天回收器 View 的当前项目可见。目前,它覆盖了聊天,我需要回收器 View 项目与键盘一起显示。 我在 list 中尝试了这些: -android:win
我有一个服务器客户端应用程序集。 (家庭作业) 到目前为止,我已经弄清楚如何让多个客户端连接到服务器并让服务器聚合客户端发送的消息,以及如何让服务器将客户端的消息发送回客户端并将其显示在聊天 Pane
如何从我的应用程序发送/接收 Facebook 聊天消息?它是用 .Net、C# 编写的。 最佳答案 如果你可以使用 C,你就可以使用 libpurple (GPL) 和 pidgin-faceboo
我正在使用启用的 Ajax-Wcf 服务开发 Asp.Net 聊天。这是一个非常简单的聊天引擎,其中消息对话框意味着一对一(单个用户),但是我不知道如何管理(以最佳方式)通知新消息可用性。例如,假设有
我的任务是通过服务器构建一个客户端到客户端的聊天程序。客户端 A 将向服务器发送一条消息,然后服务器将消息转发给客户端 B,反之亦然。所有这一切都将同时发生,直到其中一个将其关闭。我有以下程序。 服务
我创建了一个聊天,用户可以在其中输入文本的输入字段。当他输入文本并按下发送(或输入)时,文本位于输入字段上方。像这样: 我想要的:我希望输入字段位于页面底部。我使用 position: absolut
出于个人兴趣,我尝试定义一个模拟 AI,它基于他学到的信息和互联网搜索,以便提供比系统知道的更多的细节。 我举了一个 child 的例子,当他出生时他需要学习一切,他听到了很多然后提出了一些答案。他的
关闭。这个问题不符合Stack Overflow guidelines .它目前不接受答案。 想改进这个问题?将问题更新为 on-topic对于堆栈溢出。 3年前关闭。 Improve this qu
我已经开始聊天了,但我已经将用户的 ID 硬编码到 Chat.php 中。 当他们登录站点时,我的登录名将他们的电子邮件设置为 session ( $_SESSION['email']=$email;
当用户点击像 Start a viber chat with us 这样的链接时,我试图找到一种方法来开始 viber 聊天。但到目前为止我没有找到正确的URI来做到这一点。例如,我知道我可以使用 s
我是 Javascript(纯 javascript)新手,我正在尝试创建一个执行以下操作的聊天 Controller 应用程序。 用户输入内容。 有人对我的知识库进行了后调用。 服务器响应消息。 目
已关闭。这个问题是 not about programming or software development 。目前不接受答案。 这个问题似乎不是关于 a specific programming
如果用户在 x 秒/分钟内处于非事件状态,我想结束聊天,以便我们的代理不必等待聊天自行关闭。我还想在结束聊天之前将标签附加到聊天中,以便我可以看到这是由于不活动造成的。 最佳答案 此内容归功于 j
我正在此网站中构建新网站,客户需要 24/7 实时客户支持。我想在网站上集成 Skype 聊天 聊天界面应该在客户端的网站上。 最佳答案 您可以通过在网站上放置 Skype 按钮来使用它。 http:
事实上,我只是开始积极练习 swing,以便我的理论知识能派上用场:) 我已经为聊天 GUI 实现做了很多工作,但最终遇到了一些问题。所以我决定从头开始重新设计聊天 GUI,但我需要为其选择正确的组件
已关闭。这个问题是 not about programming or software development 。目前不接受答案。 这个问题似乎不是关于 a specific programming
我正在尝试进行简单的聊天,其中连接到服务器的用户发送消息,其他用户接收消息。 这是我的 html: function setupEventSource()
我是一名优秀的程序员,十分优秀!