![](https://img-blog.csdnimg.cn/direct/4a09757ca2214307842b62b0e8b627e1.jpeg?x-oss-process=image/resize,m_fixed,h_224,w_224)
AI应用开发
文章平均质量分 74
一个ai生成思维导图应用从到1的实践
正宗咸豆花
懒狗
展开
-
【01】从0到1构建AI生成思维导图应用 -- 技术栈选择以及项目构建
ShadCN UI 是一个用于构建 React 应用程序的用户界面组件库。它提供了一组预构建的、可定制的组件,使开发者可以快速构建具有一致风格和行为的用户界面。你可以在 pages 文件夹中创建新的文件来定义新的页面。目前你可以直接在项目中使用tailwindcss。这样 shadcn 会自动在你的代码文件夹中中添加button组件,通常在。只需要三天就能完成从开发到上线的全过程,且完全免费!,这样nextjs会自动帮你配置这些东西。开发服务器启动后,你可以在浏览器中打开。在配置页面,一定要选择。原创 2024-06-27 11:00:21 · 858 阅读 · 0 评论 -
【02】从0到1构建AI生成思维导图应用 -- 编写主页
编写ai生成思维导图应用的主页原创 2024-06-27 14:44:39 · 435 阅读 · 0 评论 -
【03】从0到1构建AI生成思维导图应用 -- Agent 搭建
扣子利用大型语言模型极大地简化了 Bot 的搭建过程。在充分利用大语言模型优势的同时,扣子还支持用户通过知识库、工作流等功能来配置 Bot 如何响应用户查询,以保证 Bot 的回复符合预期。功能说明人设与回复逻辑输入 Bot 要执行的指令信息,即编写提示词。建议在编写提示词时,为 Bot 设置一个角色,例如产品问答助手、新闻播报员、翻译助理等等,并采用结构化的写法。模型选择选择要使用的大模型编排模式默认采用单 Agent 模式。原创 2024-06-28 11:08:47 · 435 阅读 · 0 评论 -
【04】从0到1构建AI生成思维导图应用 -- 创建 AI 工作流
工作流支持通过可视化的方式,对插件、大语言模型、代码块等功能进行组合,从而实现复杂、稳定的业务流程编排,例如旅行规划、报告分析等。工作流支持通过可视化的方式,对插件、大语言模型、代码块等功能进行组合,从而实现复杂、稳定的业务流程编排,例如旅行规划、报告分析等。当目标任务场景包含较多的步骤,且对输出结果的准确性、格式有严格要求时,适合配置工作流来实现。功能概述工作流由多个节点构成,节点是组成工作流的基本单元。例如,大语言模型 LLM、自定义代码、判断逻辑等节点。。原创 2024-06-29 11:46:52 · 677 阅读 · 0 评论 -
【05】从0到1构建AI生成思维导图应用 -- 前端交互实现
这段代码使用正则表达式/https://[^\s]+/g来匹配响应内容中的URL,包含两个属性imgUrl和editUrl,分别对应匹配到的第一个和第二个URL。这两个URL分别是图片的下载地址和对应在treemind里面的编辑地址。上一章中,我们已经构建了完整的 生成思维导图的 AI 功能,并将其暴露为 API。接下来,我们要编写一套交互逻辑,供用户输入文字或链接,点击按钮,即可生成思维导图,并提供下载和编辑按钮。生成完成后,用户可以点击按钮选择下载或是继续编辑。原创 2024-06-29 21:51:00 · 398 阅读 · 0 评论