CopilotOne

Kopilot Satu

Tingkatkan Aplikasi Web/React Anda yang sudah ada dengan Native AI Assistant seperti Siri.

Fitur Utama

• Voice To Action : Melakukan tindakan berdasarkan input suara.
• Text To Action : Melakukan tindakan berdasarkan input teks.
• Konteks Layar Saat Ini : Secara otomatis menghasilkan penyematan layar saat ini yang dilihat oleh pengguna dan membuat penyematan yang tersedia untuk RAG selama inferensi LLM. Hal ini membuat AI mengetahui layar pengguna saat ini dan membantu menghasilkan respons yang lebih baik.
• Antarmuka API Teks : Ubah API yang ada tanpa pengkodean apa pun untuk mendukung antarmuka bahasa alami untuk permintaan dan respons. Ini menyederhanakan faktur API menggunakan suara dan juga integrasi di Asisten yang didukung kopilot satu lainnya.

Agen UX yang mendukung Suara yang didukung

1. Agen UI : Memungkinkan kemampuan handsfree untuk melakukan tugas dan alur kerja UI yang ada.
2. Agen Navigasi : Membantu pengguna dalam bernavigasi ke halaman, bagian, atau pengaturan yang tepat.
3. Agen Formulir : Membantu mengisi formulir dengan pengisian otomatis berdasarkan input suara atau file, validasi awal, dukungan multibahasa. Formulir yang lebih sederhana dapat sepenuhnya digantikan oleh Voice to API Action.

Agen-agen ini berfokus pada pengurangan kurva pembelajaran bagi pengguna dan memberikan pengalaman handsfree untuk penemuan konten, penemuan fitur, orientasi pengguna, dan pengisian formulir.

Asisten

• Voice To Action : Tawarkan pengalaman bebas genggam untuk menggunakan Aplikasi Anda.

Video Demo

Seperti apa masa depan Asisten AI?

Tujuannya adalah untuk membuat protokol terbuka untuk Asisten, Agen & Tindakan AI. Periksa Masa Depan Asisten AI menggunakan SDK ini.

Memulai

Untuk instruksi detailnya. Baca dokumen

Prasyarat

Sebelum menggunakan paket ini, pastikan Anda memiliki yang berikut:

• Aplikasi React yang sudah ada

• Buat kredensial kopilot dari Sugar AI atau Akun Self Hosted

Memasang

Anda dapat menginstal paket @sugar-ai/copilot-one-js melalui npm di proyek reaksi Anda

Instal Paket

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

Tambahkan ke Aplikasi React Anda

Di file utama Anda. 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>

Kami mengambil contoh Aplikasi rencana. Untuk melacak Konteks Layar Pengguna Saat Ini menggunakan useStateEmbedding

 const TodoApp = ( ) => {

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

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

...

}

Daftarkan fungsi untuk membuat, menghapus, dan menandai sebagai selesai.

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

...

}

Peta jalan

• SDK Web Dirilis

  • Suara Untuk Bertindak
  • Teks Ke Tindakan
  • Konteks Layar Saat Ini

• POC

  • Antarmuka API Teks

• [] Agen Navigasi

• [] Formulir Agen