CopilotOne
1.0.0
使用類似 Siri 的本機 AI 助理增強您現有的 Web/React 應用程式。
這些代理專注於縮短使用者的學習曲線,並實現內容發現、功能發現、使用者入門和表單填寫的免持體驗。
目標是為人工智慧助理、代理和操作創建一個開放協議。使用此 SDK 查看 AI 助理的未來。
如需詳細說明。閱讀文件
在使用此軟體包之前,請確保您具備以下條件:
現有的 React 應用程式
從 Sugar AI 或自架帳號建立副駕駛憑證
您可以在 React 專案中透過 npm 安裝@sugar-ai/copilot-one-js
套件
npm install @sugar-ai/copilot-one-js@latest
在你的主文件中。 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 ,
) ;
...
}
網頁版SDK發布
POC
[] 導航代理
[] 表格代理