2025 开发 AI 应用必备 JS 工具库!

本文来分享开发 AI 应用必备的 js 工具库,帮助你更好地迎接 AI 时代的前端开发浪潮。 UI 组件库Ant Design XAnt Design X 是遵循 Ant Design 设计体系的一个 React UI 库,用于构建由 AI 驱动的界面,一键接入智能对话组件与 API 服务。 目前,提供了 13 个用于 AI 应用开发的组件,可以满足很多 AI 场景。

本文来分享开发 AI 应用必备的 js 工具库,帮助你更好地迎接 AI 时代的前端开发浪潮。

2025 开发 AI 应用必备 JS 工具库!

UI 组件库

Ant Design X

Ant Design X 是遵循 Ant Design 设计体系的一个 React UI 库,用于构建由 AI 驱动的界面,一键接入智能对话组件与 API 服务。目前,提供了 13 个用于 AI 应用开发的组件,可以满足很多 AI 场景。

2025 开发 AI 应用必备 JS 工具库!

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

LangUI

LangUI 以 Tailwind CSS 为基础,提供了超过 60 个针对 AI 和 GPT 项目的免费组件。它不需要安装,只需要在组件文档中复制需要的组件的代码,并粘贴到项目中即可。

2025 开发 AI 应用必备 JS 工具库!

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+。

2025 开发 AI 应用必备 JS 工具库!

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

One API

通过标准的 OpenAI API 格式访问所有的大模型,支持 Azure、Anthropic Claude、Google PaLM 2 & Gemini、智谱 ChatGLM、百度文心一言、讯飞星火认知、阿里通义千问、360 智脑以及腾讯混元,可用于二次分发管理 key,仅单可执行文件,已打包好 Docker 镜像,一键部署,开箱即用。

2025 开发 AI 应用必备 JS 工具库!

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 模型,同时构建复杂的工作流和代理系统。

2025 开发 AI 应用必备 JS 工具库!

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

相关资讯

前端程序员请注意:首个截图就能生成现代前端代码的 AI 开源

现在截图生成代码,已经来到了一个新高度 ——⾸个⾯向现代前端代码⽣成的多模态⼤模型解决⽅案,来了!而且是开源的那种。

VueConf 2024 所有演讲嘉宾确定,将于 7 月 6 日在深圳举办

VueConf 2024 将于 7 月 6 日在深圳举办。目前已进入倒计时阶段。大会网站: 作者尤雨溪将出席本次会议并发表主题演讲。演讲嘉宾本次大会将会有 9 位分享嘉宾给大家带来分享!演讲主题一共将有 9 个分享主题和 1 个闪电分享。现向大家公布 8 个分享主题和闪电分享的主题,尤雨溪的演讲主题将在现场揭晓!主题演讲分享人:尤雨溪十年分享人:Vue.js 核心团队成员 赵锦江 (Jinjiang)  主题介绍他将分享自己加入 Vue 核心团队十年 (2014-2024) 的心路历程,希望这个分享能够给对 Vue

使用LLaMA 3.1、Firebase和Node.js,构建一个音控的智能厨房应用程序

译者 | 布加迪审校 | 重楼这篇指南逐步介绍了创建一个自动化的厨房助理的过程,附有语音命令、实时购物清单管理以及食谱建议。 我在本教程中将介绍创建一个智能厨房应用程序(Chent),它可以根据个性化偏好简化杂货清单管理。 该应用程序通过语音命令操作,简化了人机交互和添加商品。