CopilotOne

Copilot Eins

Laden Sie Ihre bestehende Web-/React-App mit einem Siri-ähnlichen nativen KI-Assistenten auf.

Hauptmerkmale

• Voice-to-Action : Führen Sie Aktionen basierend auf Spracheingaben aus.
• Text-to-Action : Führen Sie Aktionen basierend auf Texteingaben aus.
• Aktueller Bildschirmkontext : Automatische Generierung der Einbettung des vom Benutzer angezeigten aktuellen Bildschirms und Erstellung von Einbettungen, die für RAG während LLM-Rückschlüssen verfügbar sind. Dadurch erkennt die KI den aktuellen Bildschirm des Benutzers und hilft, bessere Antworten zu generieren.
• Text-API-Schnittstelle : Transformieren Sie vorhandene APIs ohne Codierung, um eine Schnittstelle in natürlicher Sprache für Anfragen und Antworten zu unterstützen. Dies vereinfacht die API-Abrechnung per Sprache und auch die Integration in andere von Copilot One unterstützte Assistenten.

Unterstützte sprachgesteuerte UX-Agenten

1. UI-Agent : Ermöglicht die freihändige Ausführung vorhandener UI-Aufgaben und Arbeitsabläufe.
2. Navigationsagent : Unterstützt Benutzer bei der Navigation zur richtigen Seite, zum richtigen Abschnitt oder zu den richtigen Einstellungen.
3. Formularagent : Unterstützung beim Ausfüllen von Formularen durch automatisches Ausfüllen basierend auf Sprach- oder Dateieingaben, Vorabvalidierungen und mehrsprachige Unterstützung. Einfachere Formulare können vollständig durch Voice to API Action ersetzt werden.

Diese Agenten konzentrieren sich auf die Reduzierung der Lernkurve für Benutzer und ermöglichen ein Freisprecherlebnis für die Inhaltserkennung, Funktionserkennung, Benutzereinbindung und das Ausfüllen von Formularen.

Assistenten

• Voice-to-Action : Bieten Sie Hansdfree Erfahrung zur Nutzung Ihrer App.

Demo-Video

Wie sieht die Zukunft der KI-Assistenten aus?

Ziel ist es, ein offenes Protokoll für KI-Assistenten, Agenten und Aktionen zu erstellen. Schauen Sie sich die Zukunft von KI-Assistenten mit diesem SDK an.

Legen Sie los

Für detaillierte Anweisungen. Lesen Sie die Dokumente

Voraussetzungen

Stellen Sie vor der Verwendung dieses Pakets sicher, dass Sie über Folgendes verfügen:

• Eine vorhandene React-Anwendung

• Erstellen Sie Copilot-Anmeldeinformationen über Sugar AI oder ein selbst gehostetes Konto

Installieren

Sie können das Paket @sugar-ai/copilot-one-js über npm in Ihrem React-Projekt installieren

Paket installieren

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

Zu Ihrer React-App hinzufügen

In Ihrer Hauptdatei. 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>

Wir nehmen ein Beispiel einer Todo-App. Um den aktuellen Bildschirmkontext des Benutzers mithilfe von useStateEmbedding zu verfolgen

 const TodoApp = ( ) => {

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

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

...

}

Registrieren Sie Funktionen zum Erstellen, Löschen und Markieren als erledigt.

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

...

}

Roadmap

• Web SDK veröffentlicht

  • Von der Stimme zum Handeln
  • Text-to-Action
  • Aktueller Bildschirmkontext

• POC

  • Text-API-Schnittstelle

• [] Navigationsagent

• [] Formularagent