Logo

菜单

发布于 2026-01-05 0 阅读
0

13 款顶级开源工具，助你更快发布应用⚡🚀

13 款顶级开源工具，助你更快发布应用⚡🚀

太长不看

我曾与许多来自不同种子轮和天使轮融资阶段公司的成功开发者合作过。他们都认为他们的产品成功有三个原因。

  • 发货迅速。
  • 获取客户反馈。
  • 加快迭代速度。

考虑到这一点，我整理了一份开源工具列表，你可以使用它们来更快地构建你的产品。

欢迎浏览各个资源库并给它们点赞。

刺猬索尼克

1. Composio 👑 - 为您的应用提供 AI 优化集成

我最近一直在开发很多人工智能应用。要实现复杂的自动化，必须将外部应用（例如 GitHub、Jira、Slack、Discord 等）与人工智能模型连接起来。想了解更多详情，请查看我们关于工具调用的博客文章。

Composio 可以非常轻松地将 100 多种工具和应用程序（例如 GitHub、Slack、Jira、Gmail 等）与 AI 模型连接起来，从而实现智能体自动化。

Composio 工具目录

它优化了 API 端点，使其可作为 AI 模型的工具使用。此外，您还可以直接从应用程序的 OpenAPI 规范生成工具，从而实现各种端到端流程的自动化。

我们对 Python 和 Javascript 有原生支持。

您可以使用以下命令快速安装 Composio 并开始使用 pip。

pip install composio-core
Enter fullscreen mode Exit fullscreen mode

添加 GitHub 集成。

composio add github
Enter fullscreen mode Exit fullscreen mode

Composio 代表您处理用户身份验证和授权。

以下是如何使用 GitHub 集成来给仓库加星标的方法。

from openai import OpenAI
from composio_openai import ComposioToolSet, App

openai_client = OpenAI(api_key="******OPENAIKEY******")

# Initialise the Composio Tool Set
composio_toolset = ComposioToolSet(api_key="**\\*\\***COMPOSIO_API_KEY**\\*\\***")

## Step 4
# Get GitHub tools that are pre-configured
actions = composio_toolset.get_actions(actions=[Action.GITHUB_ACTIVITY_STAR_REPO_FOR_AUTHENTICATED_USER])

## Step 5
my_task = "Star a repo ComposioHQ/composio on GitHub"

# Create a chat completion request to decide on the action
response = openai_client.chat.completions.create(
model="gpt-4-turbo",
tools=actions, # Passing actions we fetched earlier.
messages=[
    {"role": "system", "content": "You are a helpful assistant."},
    {"role": "user", "content": my_task}
  ]
)
Enter fullscreen mode Exit fullscreen mode

运行此 Python 脚本，使用代理执行给定的指令。

有关 Composio 的更多信息，请访问其文档。

Composio GIF

给 Composio 代码库点赞 ⭐

2. Vercel AI SDK -轻松构建 AI 产品 ⚡

人工智能正在颠覆互联网，作为开发者，您需要保持领先地位。将生命周期管理 (LLM) 集成到应用程序中可能极具挑战性。Vercel 的 AI SDK 提供了一种统一的方法，可将 AI 集成到您的应用程序中。

它与大多数前端库和框架兼容，例如 Next、React、Vue、Svelte 等，您可以在其中构建聊天机器人和生成式交互式组件。

它由三个主要部分组成。

  • AI SDK Core：使用 LLM 生成文本、结构化数据和工具调用的统一 API。
  • AI SDK UI：一系列与框架无关的钩子，旨在快速构建聊天和生成式用户界面。
  • AI SDK RSC：一个使用 React Server Components (RSC) 流式生成 UI 的库。

更多信息请查看文档。

首先，请安装库。

npm install ai
Enter fullscreen mode Exit fullscreen mode

安装您选择的模型提供商。

npm install @ai-sdk/openai
Enter fullscreen mode Exit fullscreen mode

调用 OpenAI API。

import { generateText } from 'ai';
import { openai } from '@ai-sdk/openai'; // Ensure OPENAI_API_KEY environment variable is set

async function main() {
  const { text } = await generateText({
    model: openai('gpt-4-turbo'),
    system: 'You are a friendly assistant!',
    prompt: 'Why is the sky blue?',
  });

  console.log(text);
}

main();
Enter fullscreen mode Exit fullscreen mode

Vercel GIF

给 Vercel AI SDK 代码库点赞 ⭐

3. Shadcn - 设计精美的组件，您可以将其复制粘贴到您的应用程序中。

为应用程序构建精美的自定义组件通常非常耗时。Shadcn 提供使用 Radix 和 Tailwind 构建的、设计精美且可重用的组件，您可以直接复制、粘贴并修改您的应用程序。

与从头开始设计类似组件相比，这节省了大量时间。你需要一个组件；在 Shadcn 中查找，复制粘贴到你的应用程序中，就完成了。

它支持几乎所有流行的前端库和框架，例如 React、Next、Astro、Gatsby 和 Remix。

请查看文档以获取有关 Shadcn 的更多信息。

Shadcn GIF

给 Shadcn 仓库点赞 ⭐

4. Trigger.Dev - 开源后台任务平台📎

在构建应用程序时，您经常需要处理后台作业和定时任务。例如，您可以设置用户注册后自动发送电子邮件、异步处理文件上传、定期与第三方 API 进行数据同步，或安排定期报告。

Triggerdev 让您能够轻松高效地完成这些任务，而无需担心基础设施，从而确保您的作业可靠运行并可根据需要进行扩展。

它们还与 AI API 兼容，可实现可靠的 AI 生成任务、路由、跟踪和自动重试。

以下是使用 DALL-E3 生成图像的示例。

import { task } from "@trigger.dev/sdk/v3";
import OpenAI from "openai";

const openai = new OpenAI({
  apiKey: process.env.OPENAI_API_KEY,
});

type Payload = {
  theme: string;
  description: string;
};

export const generateContent = task({
  id: "generate-content",
  retry: {
    maxAttempts: 3, // Retry up to 3 times
  },
  run: async ({ theme, description }: Payload) => {

    // Generate text
    const textResult = await openai.chat.completions.create({
      model: "gpt-4o",
      messages: generateTextPrompt(theme, description),
    });

    if (!textResult.choices[0]) {
      throw new Error("No content, retrying…");
    }

    // Generate image
    const imageResult = await openai.images.generate({
      model: "dall-e-3",
      prompt: generateImagePrompt(theme, description),
    });

    if (!imageResult.data[0]) {
      throw new Error("No image, retrying…");
    }

    return {
      text: textResult.choices[0],
      image: imageResult.data[0].url,
    };
  },
});

function generateTextPrompt(theme: string, description: string): any {
  return `Theme: ${theme}\n\nDescription: ${description}`;
}

function generateImagePrompt(theme: string, description: string): any {
  return `Theme: ${theme}\n\nDescription: ${description}`;
}
Enter fullscreen mode Exit fullscreen mode

触发开发 GIF

给 Trigger.dev 代码库点赞 ⭐

5. Vite - 新一代前端工具 ⚡

我最近一直在使用 React 和 Vite，开发体验好多了。我认识的很多优秀开发者都在用 Vite。

Vite是一款现代化的构建工具和开发服务器，主要用于构建快速高效的 Web 应用程序。

与 Webpack 和 Parcel 相比，它具有以下几个优势：

  • 即时开发服务器：Vite 提供具有热模块替换 (HMR) 功能的即时开发服务器，无需重新加载页面即可实现实时代码更新，从而实现更快、更流畅的开发。
  • 自动代码分割和摇树：Vite 会自动优化代码分割和摇树，确保最终打包中只包含所需的代码部分，从而获得更好的性能。
  • 内置TypeScript和JSX支持：原生支持TypeScript和JSX，

Vite 支持几乎所有流行的框架。

搭建你的第一个 Vite 项目。

npm create vite@latest
Enter fullscreen mode Exit fullscreen mode

使用以下命令安装 Vite CLI。

npm install -D vite
Enter fullscreen mode Exit fullscreen mode

请查看文档以了解有关 Vite 构建工具的更多信息。

Vite GIF

探索 Vite 代码库 ⭐

6. 重新发送 - 开发者邮件 📩

应用程序开发通常涉及与用户和客户沟通；电子邮件是最佳沟通媒介。作为开发人员，您可能希望通过编程方式实现这一点，而 Resend 是该领域的市场领导者。

它们允许您使用多种语言和框架（例如 node JS、React、Go、Java、Ruby 等）快速进行设置。

以下是使用“重新发送”功能可以执行的操作。

  • 通过程序向用户发送电子邮件，例如欢迎邮件、密码重置邮件等。
  • 电子邮件模板管理。
  • 分析和电子邮件跟踪包括打开率、点击率和其他互动指标。

首先安装 Resend。

npm install resend
Enter fullscreen mode Exit fullscreen mode

使用HTML发送电子邮件。

import { Resend } from 'resend';

const resend = new Resend('re_123456789');

(async function () {
  const { data, error } = await resend.emails.send({
    from: 'Acme <onboarding@resend.dev>',
    to: ['delivered@resend.dev'],
    subject: 'Hello World',
    html: '<strong>It works!</strong>',
  });

  if (error) {
    return console.error({ error });
  }

  console.log({ data });
})();
Enter fullscreen mode Exit fullscreen mode

有关其他框架和语言的示例，请参阅官方文档。

重新发送 GIF

探索 Resend 存储库 ⭐

7. Aider - 你的人工智能结对程序员

想象一下，如果你的结对程序员助手真的能帮上忙，那该有多好。现在，你的梦想成真了。Aider 是一款端到端的结对程序员助手，它能帮助你更快地搭建项目、管理依赖项，并协助你进行调试和代码重构。

它位于您的命令行界面中，并根据您的命令执行代码。

你可以像这样快速入门：

python -m pip install aider-chat

# Change the directory into a git repo
cd /to/your/git/repo

# Work with Claude 3.5 Sonnet on your repo
export ANTHROPIC_API_KEY=your-key-goes-here
aider

# Work with GPT-4o on your repo
export OPENAI_API_KEY=your-key-goes-here
aider
Enter fullscreen mode Exit fullscreen mode

更多详情请参阅安装说明和其他文档。

助手 GIF

探索 Aider 知识库 ⭐

8. Mentat -一款 GitHub 原生编码代理

你听说过人工智能软件工程师 Devin 吗？这是一个开源替代方案。Mentat 机器人是一款人工智能工具，它可以……

  • 从问题生成 GitHub PR：它会选择相关上下文，生成新的分支/提交并打开一个 PR。
  • 审核拉取请求（PR）：对人工生成的 PR 进行即时审核。
  • 使用领先的基础模型： MentatBot 会针对每个任务从 OpenAI、Anthropic 等模型中选择最佳模型。

这可以显著加快您的开发速度。

首先安装 Mentat 即可开始使用。

python -m pip install mentat
Enter fullscreen mode Exit fullscreen mode

添加您的 OpenAI 密钥。

export OPENAI_API_KEY="your_api_key"
Enter fullscreen mode Exit fullscreen mode

在项目目录下运行 Mentat。Mentat 使用 Git，因此如果您的项目尚未配置 Git，请运行 `git add` 命令 git init。然后您可以使用以下命令运行 Mentat：

mentat <paths to files or directories>
Enter fullscreen mode Exit fullscreen mode

请将您希望 Mentat 读取和编辑的文件作为参数列出。Mentat 会将每个文件添加到上下文中。

请注意OpenAI模型的代币消耗情况。

更多信息请参考 官方存储库。

门泰特 GIF

为 Mentat 存储库加注星标 ⭐

9. Supabase - 应用程序的托管后端

Supabase 是 Firebase 的一个开源替代方案。它提供后端即服务 (BaaS)，可以显著缩短应用程序的开发时间。

以下是主要特点

  • 托管的Postgres数据库
  • 托管式身份验证和授权。
  • 根据数据库模式自动生成的API。
  • 文件存储
  • AI + 矢量数据库工具包。

它们支持几乎所有流行的编程语言，例如 TypeScript、Python、C#、Flutter 等。更多信息请查看文档。

Supabase gif

探索 Supabase 代码库 ⭐

10. Strapi - 以开发者为先的无头CMS

Strapi 是一个无头内容管理系统 (CMS)，它允许您通过前端、移动应用程序和其他客户端使用的 API 轻松管理和交付内容。

Strapi 的关键特性包括

  • 无头CMS：它将后端内容与前端内容分离。
  • API优先：Strapi 会自动为您定义的内容类型生成 RESTful 或 GraphQL API，从而可以轻松与 React、Vue 或 Angular 等前端框架集成。
  • 身份验证和权限：Strapi 提供内置的用户角色和权限系统，有助于控制对 CMS 不同部分的访问。
  • 自托管：您可以完全控制部署，将其自托管在您自己的基础设施上，并拥有您的数据和基础设施的所有权。

首先进行安装，即可开始使用。

npx create-strapi-app my-project --quickstart
Enter fullscreen mode Exit fullscreen mode

更多信息请参阅文档。

Strapi GIF

探索 Strapi 代码库 ⭐

11. Zod - 基于静态类型推断的 TypeScript 优先模式验证

Zod 是一个以 TypeScript 为先的模式验证库，它简化了数据的验证和解析，同时确保了类型安全。

在需要验证和转换数据时，Zod 可以帮助验证来自 API 和表单的数据，并解析来自动态来源的数据。

例如，可以从LLM响应中提取数据。甚至OpenAI也在其TS SDK中使用Zod从LLM响应中提取结构化数据。

Zod的主要优势包括

  • 零依赖
  • 可在 Node.js 和所有现代浏览器中运行。
  • 体积小：压缩后仅 8kb
  • 不可变：方法（例如 .optional()）返回一个新实例
  • 简洁、可链式调用的接口
  • 函数式方法： 解析，不验证
  • 它也支持纯 JavaScript！你不需要使用 TypeScript。

首先安装 Zod。

npm install zod
Enter fullscreen mode Exit fullscreen mode

创建一个简单的字符串模式

import { z } from "zod";

// creating a schema for strings
const mySchema = z.string();

// parsing
mySchema.parse("tuna"); // => "tuna"
mySchema.parse(12); // => throws ZodError 

// "safe" parsing (doesn't throw error if validation fails)
mySchema.safeParse("tuna"); // => { success: true; data: "tuna" }
mySchema.safeParse(12); // => { success: false; error: ZodError }
Enter fullscreen mode Exit fullscreen mode

创建对象模式

import { z } from "zod";

const User = z.object({
  username: z.string(),
});

User.parse({ username: "Ludwig" });

// extract the inferred type
type User = z.infer<typeof User>;
// { username: string }
Enter fullscreen mode Exit fullscreen mode

更多信息请参阅他们的文档。

佐德 GIF

探索 Zod 仓库 ⭐

12. Nx-智能Monorepos，快速CI

Nx是一个功能强大的开源构建系统和单体仓库管理工具，旨在帮助开发人员更高效地构建、测试和扩展大型应用程序。

主要特点包括

  • Monorepo 支持：Nx 在单个存储库中管理多个项目，简化开发和协作。
  • 快速构建：Nx 使用智能缓存和并行化技术，仅重新构建已更改的代码，从而加快构建速度。
  • 依赖关系图：Nx 会自动生成依赖关系图，以可视化项目交互。
  • 测试和代码检查：Nx 与测试和代码检查工具集成，可实现高效的测试并强制执行代码质量。

更多信息请参阅他们的文档。

Nx GIF

探索 Nx 代码库 ⭐

13. LangChain - 更快地构建 AI 应用

如果您正在开发人工智能应用并希望快速发布，LangChain 是您的理想之选。它支持 Python 和 Javascript，并具备构建任何人工智能应用所需的所有功能，从数据加载器和解析器到向量存储和数据存储，应有尽有。

它可以让您轻松创建代理、聊天机器人和 RAG 应用程序。

LangChain 是一个构建 AI 应用的一站式平台。它还拥有庞大的生态系统，可以在几分钟内监控和部署 AI 应用，例如 LangSmith 和 LangServe。

使用pip或安装 LangChain npm。

pip install langchain
#or
npm install -S langchain
Enter fullscreen mode Exit fullscreen mode

有关教程和指南，请查看他们的代码库。

朗链 GIF

探索 LangChain 代码库 ⭐

感谢阅读。

如果你发现还有其他工具能帮助你更快地开发应用，请在评论区告诉我。👇

文章来源：https://dev.to/composiodev/13-top-open-source-tools-to-ship-your-apps-faster-4ihl
🚀 2023年你必须参与贡献的9...
如何在 10 分钟内免费创建您自己...