CopilotOne 다운로드 - CopilotOne 소스 코드 다운로드

CopilotOne

기타 소스코드

1.0.0

다운로드

부조종사 1

Siri와 유사한 기본 AI 도우미를 사용하여 기존 웹/React 앱을 강화하세요.

주요 특징

Voice To Action : 음성 입력에 따라 동작을 수행합니다.
Text To Action : 텍스트 입력을 기반으로 작업을 수행합니다.
현재 화면 컨텍스트 : 사용자가 본 현재 화면의 임베딩을 자동으로 생성하고 LLM 추론 중에 RAG에 사용할 수 있는 임베딩을 생성합니다. 이를 통해 AI는 사용자의 현재 화면을 인식하고 더 나은 응답을 생성하는 데 도움이 됩니다.
텍스트 API 인터페이스 : 코딩 없이 기존 API를 변환하여 요청과 응답 모두에 대한 자연어 인터페이스를 지원합니다. 이는 음성을 사용한 API 청구를 단순화하고 다른 Copilot One 기반 보조자와의 통합도 단순화합니다.

지원되는 음성 지원 UX 에이전트

UI 에이전트 : 핸즈프리 기능을 활성화하여 기존 UI 작업 및 워크플로를 수행합니다.
탐색 에이전트 : 사용자가 올바른 페이지, 섹션 또는 설정으로 이동하도록 지원합니다.
양식 에이전트 : 음성 또는 파일 입력, 사전 검증, 다국어 지원을 기반으로 자동 채우기를 통해 양식 작성을 지원합니다. 더 간단한 양식은 Voice to API Action으로 완전히 대체될 수 있습니다.

이러한 에이전트는 사용자의 학습 곡선을 줄이는 데 중점을 두고 콘텐츠 검색, 기능 검색, 사용자 온보딩 및 양식 작성을 위한 핸즈프리 경험을 가능하게 합니다.

어시스턴트

Voice To Action : 앱 사용을 위한 Hansdfree 경험을 제공합니다.

데모 비디오

AI 비서의 미래는 어떤 모습일까요?

목표는 AI 보조자, 에이전트 및 작업을 위한 개방형 프로토콜을 만드는 것입니다. 이 SDK를 사용하여 AI 도우미의 미래를 확인해 보세요.

시작하기

자세한 내용은 지침을 참조하세요. 문서 읽기

전제 조건

이 패키지를 사용하기 전에 다음 사항이 있는지 확인하세요.

기존 React 애플리케이션
Sugar AI 또는 자체 호스팅 계정에서 부조종사 자격 증명 만들기

설치하다

반응 프로젝트에서 npm을 통해 @sugar-ai/copilot-one-js 패키지를 설치할 수 있습니다.

패키지 설치

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>

우리는 할 일 앱의 예를 취하고 있습니다. 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 ,
  ) ;

...

}