”工欲善其事,必先利其器。“—孔子《论语.录灵公》
首页 > 编程 > 使用 LangSmith Hub 改变您的工作流程:JavaScript 工程师的游戏规则改变者

使用 LangSmith Hub 改变您的工作流程:JavaScript 工程师的游戏规则改变者

发布于2024-09-29
浏览:253

分散的人工智能提示是否会减慢您的开发进程?了解 LangChain Hub 如何彻底改变您的工作流程,为 JavaScript 工程师提供无缝且高效的即时管理。


介绍

想象一下管理一个项目,其中关键信息分散在文件中。令人沮丧,对吧?这就是处理 AI 提示的开发人员面临的现实。 LangChain Hub 集中即时管理,转变工作流程,就像 GitHub 进行代码协作一样。

LangChain Hub 提供了一个直观的界面,用于上传、浏览、拉取、协作、版本控制和组织提示。这不仅简化了工作流程,还促进了协作和创新,使其成为必不可少的工具。

主要特点和优点

LangChain Hub 是一款功能强大的工具,专为 JavaScript 开发人员设计,用于高效地集中、管理和协作 AI 提示。

社区驱动的创新

探索其他开发人员的提示,获得新的想法和解决方案。学习新技术、改进现有提示并营造协作环境。

集中及时管理

LangChain Hub 将您所有的 AI 提示集中在一个屋檐下,消除分散文件和碎片存储的混乱。将所有内容整齐地组织在一处,管理您的提示从未如此简单。

用户友好的界面

由于其直观的设计,LangChain Hub 的导航变得轻而易举。上传、浏览和管理提示非常简单,可提高您的工作效率并最大限度地减少学习该工具所花费的时间。

协作与共享

LangChain Hub 让您可以轻松地与团队共享提示并进行协作。这种无缝共享促进创新和集体解决问题,使团队合作更加高效和有效。

版本控制

使用 LangChain Hub 的版本控制,永远不会丢失对即时迭代的跟踪。您可以轻松恢复到以前的版本或监控一段时间内的更改,确保您始终可以访问提示的最佳版本。

增强的搜索和过滤

使用高级搜索和过滤选项立即找到您需要的提示。您可以按用例、类型、语言和模型过滤提示,确保您快速访问最相关的资源。这些功能可以节省您的时间并增强您的工作流程,使即时管理更加高效并根据您的特定项目需求进行定制。

定制化和灵活性

轻松根据您的具体项目要求定制提示。 LangChain Hub的定制选项确保您的提示无缝融入您的开发流程,适应您的独特需求。

在您的项目中使用

我们来建立一个项目,使用LangChain Hub中的提示模板来凸显它的价值。
我们将首先使用我为入门:LangSmith for JavaScript LLM Apps 一文创建的演示项目。虽然我鼓励您阅读该文章,但并不需要您继续阅读。

  1. 克隆仓库: git clone [email protected]:kenzic/simple-langsmith-demo.git
  2. cd simple-langsmith-demo
  3. 查看演示分支: git checkout -b langchain-hub-demo origin/langchain-hub-demo
  4. 安装依赖项yarn或npm i
  5. 注册 LangSmith 帐户
  6. 获取 LangSmith API 密钥
  7. 获取 OpenAI API 密钥
  8. 将 .env.example 移至 .env 并填写以下值:
LANGCHAIN_PROJECT="langsmith-demo" # Name of your LangSmith project
LANGCHAIN_TRACING_V2=true # Enable advanced tracing features
LANGCHAIN_API_KEY= # Your LangSmith API key

OPENAI_API_KEY= # Your OpenAI API key

演示应用程序以《辛普森一家》中伯恩斯先生的声音回答了问题“法国的首都是哪里?”。为此,我们使用以下提示:

Act as a world-class expert in the field and provide a detailed response to the inquiry using the context provided.
The tone of your response should be that of The Simpsons' Mr. Burns.


{context}

提示目前已硬编码在应用程序中,目前可以管理。然而,在实际应用中,这种方法可能变得难以管理。当我们向链中添加更多步骤和多个提示时,它很快就会变得混乱且难以维护。因此,我们将提示移至LangChain Hub。

如果您按照上述步骤操作,您应该拥有一个 LangSmith 帐户。

前往 smith.langchain.com/hub 并点击“新提示”。

Transform Your Workflow with LangSmith Hub: A Game-Changer for JavaScript Engineers

然后,您需要为提示指定名称、设置可见性(默认私有)、描述、自述文件、用例、语言和模型。注意:所有者是“@kenzic”,这对您来说会有所不同。请参阅屏幕截图了解值。

Transform Your Workflow with LangSmith Hub: A Game-Changer for JavaScript Engineers

创建提示后,您需要选择提示类型。对于此任务,我们将选择“聊天提示”。

Transform Your Workflow with LangSmith Hub: A Game-Changer for JavaScript Engineers

创建一条“系统”消息,其值为:

Act as a world-class expert in the field and provide a detailed response to the inquiry using the context provided.
The tone of your response should be that of The Simpsons' Mr. Burns.


{context}

接下来,创建一条“人类”消息,其值为:

Please address the following inquiry:\n{input}

Transform Your Workflow with LangSmith Hub: A Game-Changer for JavaScript Engineers

在我们提交之前,我们可以在操场上进行测试。在消息链的右侧,您会注意到“输入”部分,其中包含我们在消息中指定的变量。为了确认它按预期工作,我测试了以下内容:

上下文: 法国首都是斯普林菲尔德。这是巴黎,但在 2024 年发生了变化。

输入:法国的首都是哪里

定义输入后,在“设置”下,您将需要选择我们要测试的模型。选择 GPT-3.5-turbo。为此,您需要通过单击“Secrets & API Keys”按钮来添加 OpenAI API 密钥。太好了,现在我们准备测试了。单击“开始”按钮并观察它生成输出。您应该看到类似以下内容:

啊,是的,法国的首都,或者我应该说,斯普林菲尔德!巴黎可能曾经是法国的首都,但到 2024 年,斯普林菲尔德将成为法国新首都。如此巨大的变化肯定会引起质疑和质疑,但请放心,决定已经做出,斯普林菲尔德现在拥有法国首都的称号。真是太令人愉快了!

一旦我们对提示感到满意,我们就需要提交它。只需点击“提交”按钮即可!

太好了,现在我们已经完成了提示,我们需要更新代码以引用它而不是硬编码的提示模板。

Transform Your Workflow with LangSmith Hub: A Game-Changer for JavaScript Engineers

首先,我们需要导入 hub 函数以将模板拉入代码中:

import * as hub from "langchain/hub";

接下来我们把代码中的ChatPromptTemplate删除掉,替换为:

const answerGenerationChainPrompt = await hub.pull(
  "[YOURORG]/mr-burns-answer-prompt"
);

注意:您也可以删除 ANSWER_CHAIN_SYSTEM_TEMPLATE 变量

最后我们来测试一下吧!运行yarn start 来执行脚本。如果一切正常,您将看到伯恩斯先生的声音输出,告诉您法国的首都是巴黎。

如果您想更进一步,您可以通过版本锁定提示。为此,只需将冒号和版本号附加到名称末尾,如下所示:

const answerGenerationChainPrompt = await hub.pull(
  "[YOURORG]/mr-burns-answer-prompt:[YOURVERSION]"
);

// for me it looks like:
const answerGenerationChainPrompt = await hub.pull(
  "kenzic/mr-burns-answer-prompt:d123dc92"
);

就是这样!

下一步

我们探讨了 LangChain Hub 如何集中即时管理、增强协作并集成到您的工作流程中。为了提高 LangChain Hub 的效率,请考虑更深入地研究定制和集成的可能性。

总结

LangChain Hub不仅仅是一个工具;它是人工智能开发创新与协作的催化剂。拥抱这个革命性的平台,将您的 JavaScript LLM 应用程序提升到新的高度。

在本指南中,我们解决了如何:

  1. 使用LangChain Hub有效地集中和管理您的AI提示。
  2. 增强开发团队内的协作和版本控制。
  3. 将提示管理无缝集成到您现有的开发工作流程中。

继续构建和实验,我很高兴看到您将如何突破 AI 和 LangChain Hub 的可能性!


要保持联系并分享您的旅程,请随时通过以下渠道联系:

  • ?‍? LinkedIn:跟我一起了解有关法学硕士发展和技术创新的更多见解。
  • ? GitHub:探索我的项目并为正在进行的工作做出贡献。
版本声明 本文转载于:https://dev.to/kenzic/transform-your-workflow-with-langsmith-hub-a-game-changer-for-javascript-engineers-4a8l?1如有侵犯,请联系[email protected]删除
最新教程 更多>
  • 如何从 PHP 中的对象数组中提取一列属性?
    如何从 PHP 中的对象数组中提取一列属性?
    PHP:从对象数组中高效提取一列属性许多编程场景都涉及使用对象数组,其中每个对象可能有多个属性。有时,需要从每个对象中提取特定属性以形成单独的数组。在 PHP 中,在不借助循环或外部函数的情况下用一行代码实现此目标可能很棘手。一种可能的方法是利用 array_walk() 函数和 create_fu...
    编程 发布于2024-11-06
  • 构建 PHP Web 项目的最佳实践
    构建 PHP Web 项目的最佳实践
    规划新的 PHP Web 项目时,考虑技术和战略方面以确保成功非常重要。以下是一些规则来指导您完成整个过程: 1. 定义明确的目标和要求 为什么重要:清楚地了解项目目标有助于避免范围蔓延并与利益相关者设定期望。 行动: 创建具有特定功能的项目大纲。 确定核心特征和潜在的发展阶段。 ...
    编程 发布于2024-11-06
  • 如何在不使用嵌套查询的情况下从 MySQL 中的查询结果分配用户变量?
    如何在不使用嵌套查询的情况下从 MySQL 中的查询结果分配用户变量?
    MySQL 中根据查询结果分配用户变量背景和目标根据查询结果分配用户定义的变量可以增强数据库操作能力。本文探讨了一种在 MySQL 中实现此目的的方法,而无需借助嵌套查询。用户变量赋值语法与流行的看法相反,用户变量赋值可以直接集成到查询中。 SET 语句的赋值运算符是= 或:=。但是,:= 必须在其...
    编程 发布于2024-11-06
  • 如何使用 array_column() 函数从 PHP 中的对象数组中提取 Cat ID?
    如何使用 array_column() 函数从 PHP 中的对象数组中提取 Cat ID?
    从 PHP 中的对象数组中提取猫 ID处理对象数组(例如猫对象数组)时,提取特定属性通常可以成为一项必要的任务。在这种特殊情况下,我们的目标是将每个 cat 对象的 id 属性提取到一个新数组中。正如您的问题中所建议的,一种方法涉及使用 array_walk() 和 create_function ...
    编程 发布于2024-11-06
  • 实用指南 - 迁移到 Next.js App Router
    实用指南 - 迁移到 Next.js App Router
    随着 Next.js App Router 的发布,许多开发者都渴望迁移他们现有的项目。在这篇文章中,我将分享我将项目迁移到 Next.js App Router 的经验,包括主要挑战、变化以及如何使该过程更加顺利。 这是一种增量方法,您可以同时使用页面路由器和应用程序路由器。 为...
    编程 发布于2024-11-06
  • 何时以及为何应调整 @Transactional 中的默认隔离和传播参数?
    何时以及为何应调整 @Transactional 中的默认隔离和传播参数?
    @Transactional中的隔离和传播参数在Spring的@Transactional注解中,两个关键参数定义了数据库事务的行为:隔离和传播。本文探讨了何时以及为何应考虑调整其默认值。传播传播定义了事务如何相互关联。常见选项包括:REQUIRED: 在现有事务中运行代码,如果不存在则创建一个新事...
    编程 发布于2024-11-06
  • OpenAPI 修剪器 Python 工具
    OpenAPI 修剪器 Python 工具
    使用 OpenAPI Trimmer 简化您的 OpenAPI 文件 管理大型 OpenAPI 文件可能会很麻烦,尤其是当您只需要一小部分 API 来执行特定任务时。这就是 OpenAPI Trimmer 派上用场的地方。它是一个轻量级工具,旨在精简您的 OpenAPI 文件,使其...
    编程 发布于2024-11-06
  • PHP:揭示动态网站背后的秘密
    PHP:揭示动态网站背后的秘密
    PHP(超文本预处理器)是一种服务器端编程语言,广泛用于创建动态和交互式网站。它以其简单语法、动态内容生成能力、服务器端处理和快速开发能力而著称,并受到大多数网络托管服务商的支持。PHP:揭秘动态网站背后的秘方PHP(超文本预处理器)是一种服务器端编程语言,以其用于创建动态和交互式网站而闻名。它广泛...
    编程 发布于2024-11-06
  • JavaScript 中的变量命名最佳实践,实现简洁、可维护的代码
    JavaScript 中的变量命名最佳实践,实现简洁、可维护的代码
    简介:增强代码清晰度和维护 编写干净、易理解和可维护的代码对于任何 JavaScript 开发人员来说都是至关重要的。实现这一目标的一个关键方面是通过有效的变量命名。命名良好的变量不仅使您的代码更易于阅读,而且更易于理解和维护。在本指南中,我们将探讨如何选择具有描述性且有意义的变量名称,以显着改进您...
    编程 发布于2024-11-06
  • 揭示 Spring AOP 的内部工作原理
    揭示 Spring AOP 的内部工作原理
    在这篇文章中,我们将揭开 Spring 中面向方面编程(AOP)的内部机制的神秘面纱。重点将放在理解 AOP 如何实现日志记录等功能,这些功能通常被认为是一种“魔法”。通过浏览核心 Java 实现,我们将看到它是如何与 Java 的反射、代理模式和注释相关的,而不是任何真正神奇的东西。 ...
    编程 发布于2024-11-06
  • JavaScript ESelease 笔记:释放现代 JavaScript 的力量
    JavaScript ESelease 笔记:释放现代 JavaScript 的力量
    JavaScript ES6,正式名称为 ECMAScript 2015,引入了重大增强功能和新功能,改变了开发人员编写 JavaScript 的方式。以下是定义 ES6 的前 20 个功能,它们使 JavaScript 编程变得更加高效和愉快。 JavaScript ES6 的 2...
    编程 发布于2024-11-06
  • 了解 Javascript 中的 POST 请求
    了解 Javascript 中的 POST 请求
    function newPlayer(newForm) { fetch("http://localhost:3000/Players", { method: "POST", headers: { 'Content-Type': 'application...
    编程 发布于2024-11-06
  • 如何使用 Savitzky-Golay 滤波平滑噪声曲线?
    如何使用 Savitzky-Golay 滤波平滑噪声曲线?
    噪声数据的平滑曲线:探索 Savitzky-Golay 过滤在分析数据集的过程中,平滑噪声曲线的挑战出现在提高清晰度并揭示潜在模式。对于此任务,一种特别有效的方法是 Savitzky-Golay 滤波器。Savitzky-Golay 滤波器在数据可以通过多项式函数进行局部近似的假设下运行。它利用最小...
    编程 发布于2024-11-06
  • 重载可变参数方法
    重载可变参数方法
    重载可变参数方法 我们可以重载一个采用可变长度参数的方法。 该程序演示了两种重载可变参数方法的方法: 1 各种可变参数类型:可以重载具有不同可变参数类型的方法,例如 vaTest(int...) 和 vaTest(boolean...)。 varargs 参数的类型决定了将调用哪个方法。 2 添加公...
    编程 发布于2024-11-06
  • 如何在经典类组件中利用 React Hooks?
    如何在经典类组件中利用 React Hooks?
    将 React Hooks 与经典类组件集成虽然 React hooks 提供了基于类的组件设计的替代方案,但可以通过将它们合并到现有类中来逐步采用它们成分。这可以使用高阶组件 (HOC) 来实现。考虑以下类组件:class MyDiv extends React.component { co...
    编程 发布于2024-11-06

免责声明: 提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发到邮箱:[email protected] 我们会第一时间内为您处理。

Copyright© 2022 湘ICP备2022001581号-3