本文來分享開發 AI 應用必備的 js 工具庫，幫助你更好地迎接 AI 時代的前端開發浪潮。

UI 組件庫

Ant Design X

Ant Design X 是遵循 Ant Design 設計體系的一個 React UI 庫，用于構建由 AI 驅動的界面，一鍵接入智能對話組件與 API 服務。目前，提供了 13 個用于 AI 應用開發的組件，可以滿足很多 AI 場景。

Github：https://github.com/ant-design/x

LangUI

LangUI 以 Tailwind CSS 為基礎，提供了超過 60 個針對 AI 和 GPT 項目的免費組件。它不需要安裝，只需要在組件文檔中復制需要的組件的代碼，并粘貼到項目中即可。

Github：https://github.com/LangbaseInc/langui

SDK

AI SDK

AI SDK 是一個由 Vercel 推出的 TypeScript 工具包，旨在幫助開發人員使用 React、Next.js、Vue、Svelte、Node.js 等技術構建 AI 驅動的應用。SDK 內置了很多 AI 模型的適配器。目前，AI SDK 的周下載量達到了 56w+。

Github：https://github.com/vercel/ai

One API

通過標準的 OpenAI API 格式訪問所有的大模型，支持 Azure、Anthropic Claude、Google PaLM 2 & Gemini、智譜 ChatGLM、百度文心一言、訊飛星火認知、阿里通義千問、360 智腦以及騰訊混元，可用于二次分發管理 key，僅單可執行文件，已打包好 Docker 鏡像，一鍵部署，開箱即用。

Github：https://github.com/songquanpeng/one-api

OpenAI SDK

為 TypeScript 或 JavaScript 提供了方便訪問 OpenAI REST API 的途徑。目前，OpenAI SDK的周下載量達到了 250w+。

import OpenAI from 'openai';

const client = new OpenAI({
  apiKey: process.env['OPENAI_API_KEY'],
});

async function main() {
  const chatCompletion = await client.chat.completions.create({
    messages: [{ role: 'user', content: 'Say this is a test' }],
    model: 'gpt-4o',
  });
}

main();

Github：https://github.com/openai/openai-node

Google AI SDK

Google AI JavaScript SDK 是 JavaScript 開發人員使用 Gemini API 進行開發的最便捷方式。Gemini API 允許訪問由 Google DeepMind 創建的 Gemini 模型。

const { GoogleGenerativeAI } = require("@google/generative-ai");

const genAI = new GoogleGenerativeAI(process.env.API_KEY);
const model = genAI.getGenerativeModel({ model: "gemini-1.5-flash" });

const prompt = "Does this look store-bought or homemade?";
const image = {
  inlineData: {
    data: Buffer.from(fs.readFileSync("cookie.png")).toString("base64"),
    mimeType: "image/png",
  },
};

const result = await model.generateContent([prompt, image]);
console.log(result.response.text());

Github：https://github.com/google-gemini/generative-ai-js

AI 框架

Mastra

Mastra 是一個專注于構建 AI 應用的 TypeScript 框架，旨在幫助開發者快速構建 AI 應用和功能。它提供了一系列基礎組件，包括工作流、代理、檢索增強型生成（RAG）、集成、同步和評估（evals）。這些組件使得開發者能夠輕松地集成和管理 AI 模型，同時構建復雜的工作流和代理系統。

Github：https://github.com/mastra-ai/mastra。