狂揽20.5K星！开发者福利，再见繁琐开发，这款开源框架让AI助手秒级接入应用，真的太爽了

import { CopilotSidebar } from "@copilotkit/react-ui";

function App() {
  return (
    <CopilotKit url="/api/copilotkit/chat">
      <CopilotSidebar>
        <YourAppContent />
      </CopilotSidebar>
    </CopilotKit>
  );
}

import { CopilotTextarea } from "@copilotkit/react-textarea";

<CopilotTextarea 
  placeholder="AI帮你写文案..."
  autosuggestionsConfig={{
    purposePrompt: "生成符合品牌调性的营销文案"
  }}
/>

useCopilotAction({
  name: "generateReport",
  description: "生成月度销售报告",
  parameters: [{...}],
  handler: async ({ data }) => {
    // 自动调用报表生成API
  }
});

// 商品描述自动生成示例
useCopilotAction({
  name: "generateProductDesc",
  handler: ({ product }) => {
    return AI生成营销文案(product);
  }
});

pnpm add @copilotkit/react-core @copilotkit/react-ui

// 全局配置
<CopilotKit url="/api/copilotkit">
  <App />
</CopilotKit>

// 组件级集成
<CopilotTextarea onChange={handleChange} />

// 注册自定义动作
useCopilotAction({
  name: "placeOrder",
  handler: ({ items }) => {
    // 调用下单API
  }
});