CopilotOneダウンロード - CopilotOneソースコードのダウンロード

CopilotOne

その他のソースコード

1.0.0

ダウンロード

副操縦士 1

Siri のようなネイティブ AI アシスタントで既存の Web/React アプリを強化します。

主な特長

Voice To Action : 音声入力に基づいてアクションを実行します。
Text To Action : テキスト入力に基づいてアクションを実行します。
現在の画面コンテキスト: ユーザーがシードした現在の画面の埋め込みを自動生成し、LLM 推論中に RAG で使用できる埋め込みを作成します。これにより、AI がユーザーの現在の画面を認識し、より適切な応答を生成できるようになります。
テキスト API インターフェイス: コーディングを行わずに既存の API を変換し、リクエストと応答の両方で自然言語インターフェイスをサポートします。これにより、音声を使用した API 呼び出しが簡素化され、他の copilot 1 を利用したアシスタントとの統合も可能になります。

サポートされている音声対応 UX エージェント

UI エージェント: 既存の UI タスクとワークフローを実行するためのハンズフリー機能を有効にします。
ナビゲーションエージェント: ユーザーが適切なページ、セクション、または設定に移動できるように支援します。
フォームエージェント: 音声またはファイル入力に基づく自動入力、事前検証、多言語サポートにより、フォームへの入力を支援します。より単純なフォームは、Voice to API アクションに完全に置き換えることができます。

これらのエージェントは、ユーザーの学習時間を短縮することに重点を置き、コンテンツの検出、機能の検出、ユーザーのオンボーディング、フォーム入力のハンズフリーエクスペリエンスを可能にします。

アシスタント

Voice To Action : アプリを使用するためのハンズフリー体験を提供します。

デモビデオ

AI アシスタントの未来はどのようなものになるでしょうか?

目標は、AI アシスタント、エージェント、アクション用のオープンプロトコルを作成することです。この SDK を使用して AI アシスタントの将来を確認してください。

始めましょう

詳細については手順をご覧ください。ドキュメントを読む

前提条件

このパッケージを使用する前に、次のものが揃っていることを確認してください。

既存の React アプリケーション
Sugar AI またはセルフホストアカウントから副操縦士の認証情報を作成する

インストール

@sugar-ai/copilot-one-jsパッケージを npm 経由で反応プロジェクトにインストールできます

パッケージのインストール

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

React アプリに追加する

メインファイル内。 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>

todo アプリの例を取り上げます。 useStateEmbeddingを使用してユーザーの現在の画面コンテキストを追跡するには

 const TodoApp = ( ) => {

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

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

...

}

作成、削除、完了マークを付けるための関数を登録します。

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

...

}