阿川私房教材：學程式，拿 offer！

63 個專案實戰，直接上手！
無需補習，按步驟打造你的面試作品。

立即解鎖你的轉職秘笈

小編精選 - 技術文章翻譯 · 11月15日

⚡️7個簡單的人工智慧產品整合（與時俱進👴🏻👨‍🔧）

簡介

最佳的易於建構的人工智慧產品整合清單。

這些可以為你的專案帶來魔力，所以別忘了向他們表達支持🌟

現在讓我們一起走上AI之路👨‍🌾

1. CopilotPortal：將可操作的 LLM 聊天機器人嵌入您的應用程式中。

圖片描述

應用程式中的上下文感知 LLM 聊天機器人可以回答問題並採取行動。

只需幾行程式碼即可獲得一個可用的聊天機器人，然後根據需要進行自訂和嵌入。

import "@copilotkit/react-ui/styles.css";
import { CopilotProvider } from "@copilotkit/react-core";
import { CopilotSidebarUIProvider } from "@copilotkit/react-ui";

export default function App(): JSX.Element {
  return (
  <CopilotProvider chatApiEndpoint="/api/copilotkit/chat">
      <CopilotSidebarUIProvider>

        <YourContent />

      </CopilotSidebarUIProvider>
    </CopilotProvider>
  );
}

https://github.com/RecursivelyAI/CopilotKit

2. LinguiJS - 自動且簡單的國際化

圖片描述

簡單而強大的開源國際化函式庫。

易於整合的框架，用於建立多語言反應應用程式。

import { Trans } from "@lingui/macro"

function App() {
  return (
   <Trans id="msg.docs" /* id is optional */>
     Read the <a href="https://lingui.dev">documentation</a>
     for more info.
   </Trans>
  )
}

https://github.com/lingui/js-lingui

3. Pezzo.ai - 可觀測性、成本和即時工程平台

圖片描述

用於管理 OpenAI 通話的集中平台。

優化您的提示和令牌使用。追蹤您的人工智慧使用情況。

免費且易於整合。

const prompt = await pezzo.getPrompt("AnalyzeSentiment");
const response = await openai.chat.completions.create(prompt);

https://github.com/pezzolabs/pezzo

4. CopilotTextarea - React 應用程式中的 AI 驅動寫作

圖片描述

具有 Github CopilotX 功能的任何 React <textarea> 的直接替代品。

自動完成、插入、編輯。

可以即時或由開發人員提前提供任何上下文。

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

// Provide context...
useMakeCopilotReadable(...)

// in your component...
<CopilotProvider>
    <CopilotTextarea/>
</CopilotProvider>`

https://github.com/RecursivelyAI/CopilotKit