CopilotOne

Copilote Un

Boostez votre application Web/React existante avec un assistant IA natif de type Siri.

Principales fonctionnalités

• Voice To Action : effectuez des actions basées sur la saisie vocale.
• Text To Action : effectuez des actions basées sur la saisie de texte.
• Contexte de l'écran actuel : générer automatiquement l'intégration de l'écran actuel vu par l'utilisateur et créer des intégrations disponibles pour RAG lors des inférences LLM. Cela permet à l'IA de prendre conscience de l'écran actuel de l'utilisateur et contribue à générer de meilleures réponses.
• Interface API texte : transformez les API existantes sans aucun codage pour prendre en charge une interface en langage naturel pour les demandes et les réponses. Cela simplifie la facturation API à l’aide de la voix et également l’intégration dans d’autres assistants alimentés par un copilote.

Agents UX vocaux pris en charge

1. Agent d'interface utilisateur : permet une capacité mains libres pour effectuer des tâches et des flux de travail d'interface utilisateur existants.
2. Agent de navigation : aide les utilisateurs à naviguer vers la bonne page, la bonne section ou les bons paramètres.
3. Agent de formulaire : aide au remplissage du formulaire par remplissage automatique basé sur la saisie vocale ou de fichier, validations avancées, support multilingue. Les formulaires plus simples peuvent être complètement remplacés par Voice to API Action.

Ces agents se concentrent sur la réduction de la courbe d'apprentissage de l'utilisateur et permettent une expérience mains libres pour la découverte de contenu, la découverte de fonctionnalités, l'intégration des utilisateurs et le remplissage de formulaires.

Assistants

• Voice To Action : offrez une expérience Hansdfree pour utiliser votre application.

Vidéo de démonstration

À quoi ressemble l’avenir des assistants IA ?

L'objectif est de créer un protocole ouvert pour les assistants, agents et actions IA. Découvrez l'avenir des assistants IA à l'aide de ce SDK.

Commencer

Pour des instructions détaillées. Lire des documents

Conditions préalables

Avant d'utiliser ce package, assurez-vous d'avoir les éléments suivants :

• Une application React existante

• Créez des informations d'identification de copilote à partir de Sugar AI ou d'un compte auto-hébergé

Installer

Vous pouvez installer le package @sugar-ai/copilot-one-js via npm dans votre projet React

Installer le package

npm install @sugar-ai/copilot-one-js@latest

Ajoutez à votre application React

Dans votre fichier 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>

Nous prenons un exemple d’application todo. Pour suivre le contexte d'écran actuel de l'utilisateur à l'aide de useStateEmbedding

 const TodoApp = ( ) => {

const { useStateEmbedding , registerAction , unregisterAction } = useCopilot ( ) ; // Add

// const [todos, setTodos] = useState([]);
const [ todos , setTodos ] = useStateEmbedding ( [ ] , { scope1 : "todoApp" , scope2 : "todos" } ) ; // Switch

...

}

Enregistrez les fonctions pour créer, supprimer et marquer comme terminé.

 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 ,
  ) ;

...

}

Feuille de route

• Sortie du SDK Web

  • De la voix à l'action
  • Texte en action
  • Contexte d'écran actuel

• POC

  • Interface API de texte

• [] Agent de navigation

• [] Agent de formulaire