Turbine seu aplicativo Web/React existente com um assistente de IA nativo semelhante ao Siri.
Esses agentes se concentram em reduzir a curva de aprendizado do usuário e capacitar a experiência do viva-voz para descoberta de conteúdo, descoberta de recursos, integração de usuários e preenchimento de formulários.
O objetivo é criar um protocolo aberto para assistentes, agentes e ações de IA. Confira o futuro dos assistentes de IA usando este SDK.
Para obter instruções detalhadas. Leia documentos
Antes de usar este pacote, certifique-se de ter o seguinte:
Um aplicativo React existente
Crie credenciais de copiloto do Sugar AI ou conta auto-hospedada
Você pode instalar o pacote @sugar-ai/copilot-one-js
via npm em seu projeto react
npm install @sugar-ai/copilot-one-js@latest
No seu arquivo principal. src/App.tsx
import { useCopilot , CopilotConfigType , CopilotProvider , VoiceAssistant } from '@sugar-ai/copilot-one-js' ;
const copilotConfig : CopilotConfigType = {
copilotId : "<copilotId>" ,
server : {
endpoint : "http://play.sugarcaneai.dev/api" ,
token : "<token>" ,
} ,
ai : {
defaultPromptTemplate : "<prompt template>" ,
defaultPromptVariables : {
$AGENT_NAME : "Sugar" ,
} ,
successResponse : "Task is completed" ,
failureResponse : "I am not able to do this"
} ,
}
// Wrap the App with Copilot Provider
< CopilotProvider config = { copilotConfig } >
< TodoApp / >
< / CopilotProvider>
Estamos tomando um exemplo de um aplicativo de tarefas. Para rastrear o contexto da tela atual do usuário usando useStateEmbedding
const TodoApp = ( ) => {
const { useStateEmbedding , registerAction , unregisterAction } = useCopilot ( ) ; // Add
// const [todos, setTodos] = useState([]);
const [ todos , setTodos ] = useStateEmbedding ( [ ] , { scope1 : "todoApp" , scope2 : "todos" } ) ; // Switch
...
}
Cadastre funções para criar, excluir e marcar como concluído.
const TodoApp = ( ) => {
...
// Functionalies
const addTodo = ( task ) => { ... } } ;
const deleteTodo = ( task ) => { ... } ;
const markTodoAsDoneById = function ( todoId : number ) { ... } ;
// Register addTodo function
registerAction (
"addTodo" ,
{
name : "addTodo" ,
description : "Add a new todo" ,
parameters : [
{
name : "task" ,
type : "string" ,
description : "Task description" ,
required : true ,
}
] ,
} ,
addTodo ,
) ;
...
}
SDK da Web lançado
POC
[] Agente de navegação
[] Formulário Agente