GPT-4 Vision根据应用程序截图生成博客和Readme 升级Streamlit八

GPT-4 Vision 系列:

  • 翻译: GPT-4 with Vision 升级 Streamlit 应用程序的 7 种方式一
  • 翻译: GPT-4 with Vision 升级 Streamlit 应用程序的 7 种方式二
  • 翻译: GPT-4 Vision静态图表转换为动态数据可视化 升级Streamlit 三
  • 翻译: GPT-4 Vision从图像转换为完全可编辑的表格 升级Streamlit四
  • 翻译: GPT-4 Vision通过量身定制的推荐来增强应用的用户体验 升级Streamlit五
  • 翻译: GPT-4 Vision征服LLM幻觉hallucinations 升级Streamlit六
  • GPT-4 Vision调试任何应用,即使缺少文本日志 升级Streamlit七

1. 根据应用程序截图生成博客和Readme

构建 Web 应用程序后,它需要清晰的文档来帮助用户入门、了解其功能并学习如何使用它。编写文档可能很耗时,但 ChatGPT Vision 可以帮助简化流程。

只需提供您的应用程序的快照,ChatGPT Vision 就会生成量身定制的描述性内容,您可以在文档、自述文件、社交帖子或其他任何您需要的地方使用这些内容。这不仅可以节省时间,还可以确保捕获和解释应用的所有视觉细节。

粘贴 CodeLlama Playground 应用的屏幕截图:

在这里插入图片描述
添加以下提示prompt:

Analyze the image I’ve uploaded, which displays my CodeLlama Playground app. Create a README about it, in Markdown syntax. Add a prerequisite on how to install Streamlit (either locally or on Streamlit Community Cloud).

分析我上传的图像,其中显示了我的 CodeLlama Playground 应用程序。 使用 Markdown 语法创建有关它的 README。添加有关如何安装 Streamlit(本地或在 Streamlit Community Cloud 上)的先决条件。

让我们看一下从 markdown 生成的 README:

在这里插入图片描述
在几秒钟内,只需检查应用程序的 UI,ChatGPT Vision 就为我的 CodeLlama Playground 应用程序生成了一个即用型README。它准确地列出了其功能,提供了本地和通过云的 Streamlit 安装说明,并提供了启动应用程序的快速入门指南。 🤯

GPT-4 回答

根据上传的 CodeLlama Playground 应用程序图片,这是使用 Markdown 语法创建的 README:

CodeLlama Playground

About this app

Try the latest CodeLlama model from Meta with this Streamlit app, via DeepInfra’s inference API. You can refer to DeepInfra’s documentation for more details.

Features

  • Interactive chat interface with the CodeLlama conversational AI model.
  • Adjustable parameters for Max Tokens and Top P to fine-tune the model responses.
  • Ability to clear chat history.

Prerequisites for Installation

Before installing the CodeLlama Playground app, ensure that you have the following prerequisites:

  • Python 3.6 or later
  • pip (Python package installer)
  • Streamlit

Installation

To install Streamlit, run the following command in your terminal:

pip install streamlit

Running Locally

To run the app locally, follow these steps:

  1. Clone the repository from GitHub:
git clone https://github.com/your-github-username/codelama-playground.git
  1. Navigate to the app directory:
cd codelama-playground
  1. Run the app using Streamlit:
streamlit run app.py

Deploying to Streamlit Community Cloud

To deploy the app to Streamlit Community Cloud:

  1. Sign up or log in to Streamlit Cloud.
  2. Fork the repository to your GitHub account.
  3. In Streamlit Cloud, select ‘New app’, then choose your repository and branch.
  4. Click ‘Deploy’ to make your app available online.

For detailed deployment instructions, see the Streamlit Cloud documentation.

Note: Replace https://www.example.com/model, https://www.example.com/documentation, and https://github.com/your-github-username/codelama-playground.git with actual URLs.

This README includes a brief description of the app, features, and detailed instructions on how to install prerequisites, run the app locally, and deploy it to the Streamlit Community Cloud. Make sure to replace placeholder URLs and repository paths with the actual links relevant to your CodeLlama Playground app.

代码

https://github.com/zgpeace/pets-name-langchain/tree/develop

参考

https://blog.streamlit.io/7-ways-gpt-4-vision-can-uplevel-your-streamlit-apps/

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/660640.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

虚拟机(VMware)ubuntu16.04 直接连接网口设备 USRP 吊舱

编辑虚拟网络编辑器 点击之后 选择网卡之后,点击确定。 电脑配置 使用了:192.168.2.56 虚拟机内部配置 和PC的配置一致

leetcode刷题(剑指offer) 101.对称二叉树

101.对称二叉树 给你一个二叉树的根节点 root , 检查它是否轴对称。 示例 1: 输入:root [1,2,2,3,4,4,3] 输出:true示例 2: 输入:root [1,2,2,null,3,null,3] 输出:false提示: …

Elasticsearch性能调优

背景 项目上是用 ES 做数据库,存储的告警数据,量级在千万级别左右。测试在压测之后,系统频繁出现告警记录查询报错,系统不可用。基于此排查分析项目上 Elasticsearch 的使用是否合理。 版本及硬件 环境:10.xx.xxx.x…

vue前端html导出pdf

package.json中添加依赖 调用方: import htmlToPdf from ../../../utils/file/htmlToPdf.js// 下载方法,pdfDownloadDpi为onClickDownLoad() {htmlToPdf.getPdf(标题1, jsfgyzcpgxmShow, this.pdfDownloadDpi)}htmlToPdf.js // 页面导出为pdf格式 imp…

漏洞01-目录遍历漏洞/敏感信息泄露/URL重定向

目录遍历漏洞/敏感信息泄露/URL重定向 文章目录 目录遍历敏感信息泄露URL重定向 目录遍历 敏感信息泄露 于后台人员的疏忽或者不当的设计,导致不应该被前端用户看到的数据被轻易的访问到。 比如: ---通过访问url下的目录,可以直接列出目录下…

秋招面试—JS篇

2024 JavaScript面试题 1.new 操作符的工作原理 ①.创建一个新的空对象 ②.将这个对象的原型设置为函数的 prototype 对象 ③.让函数的this指向该对象,为函数添加属性和方法 ④.最后返回这个对象 2.什么是DOM,什么是BOM? DOM:文档对象…

C/C++ - 函数模板

目录 函数模板基础 函数模板定义 函数模板实例 函数模板调用 函数模板本质 模板函数特化 模板参数限定 默认模板参数 多个模板参数 非类型模板参数 函数模板拓展 模板参数匹配规则 函数模板基础 函数模板定义 使用 template <typename T>​​​​​ 或 templ…

ElementUI Form:Input 输入框

ElementUI安装与使用指南 Input 输入框 点击下载learnelementuispringboot项目源码 效果图 el-input.vue &#xff08;Input 输入框&#xff09;页面效果图 项目里el-input.vue代码 <script> export default {name: el_input,data() {return {input: ,input1: ,i…

SOME/IP SD 协议介绍(五)使用SOME/IP-SD宣布非SOME/IP协议的协议。

使用SOME/IP-SD宣布非SOME/IP协议的协议。 除了SOME/IP之外&#xff0c;车辆内部还使用其他通信协议&#xff0c;例如用于网络管理、诊断或闪存更新。这些通信协议可能需要传递服务实例或具有事件组。 对于非SOME/IP协议&#xff0c;应使用特殊的服务ID&#xff0c;并使用配置…

养猫家庭必备宠物空气净化器吗?性价比猫用空气净化器牌子推荐

家里的可爱猫咪们带来了很多快乐&#xff0c;但是它们的毛发却无处不在&#xff0c;飞舞在整个房间里。而且如果猫砂盆不及时清理&#xff0c;整个屋子都会弥漫着难闻的气味。每天都要清理工作&#xff0c;但是有时候我们也没有那么多精力。虽然享受着猫咪们带来的快乐&#xf…

C# wpf 字体图标预览,html字符与unicode转换

在进行wpf 开发工作过程中遇到字体图标无法预览的问题&#xff0c;特此记录。 1、把需要预览的字体文件上传到网站上进行转换 Create Your Own font-face Kits Font Squirrel2、下载文件后进行解压。 3、找到 Glyph Chart 查看字体html字符编码4、在wpf中直接使用即可 <…

C语言数据结构之二叉树

少年恃险若平地 独倚长剑凌清秋 &#x1f3a5;烟雨长虹&#xff0c;孤鹜齐飞的个人主页 &#x1f525;个人专栏 &#x1f3a5;前期回顾-栈和队列 期待小伙伴们的支持与关注&#xff01;&#xff01;&#xff01; 目录 树的定义与判定 树的定义 树的判定 树的相关概念 树的运用…

AI魔幻巨制《魔戒4》电影宣传片

AI魔幻巨制《魔戒4》电影宣传片 中土世界的命运悬于一线。 争夺魔戒的最终战斗已经开始。 面对无边的黑暗&#xff0c;光明战士将挺身而出。 光明与黑暗在终极对决中碰撞。 英雄崛起&#xff0c;传奇重生。 最后的战斗即将来临。 谁是拯救世界的英雄&#xff1f; 想看哪部…

嵌入式学习第十六天

制作俄罗斯方块小游戏&#xff08;一&#xff09; 分析&#xff1a; printf函数高级用法 \033[&#xff1a;表示转义序列的开始 m&#xff1a;表示转义序列的结束 0&#xff1a;重置所有属性 1&#xff1a;设置粗体或高亮 30-37&#xff1a;设置字体色 30: 黑 31: 红 32:…

MySQL窗口函数--lead()函数

lead()函数&#xff1a; 查询当前行向下偏移n行对应的结果 该函数有三个参数&#xff1a;第一个为待查询的参数列名&#xff0c;第二个为向下偏移的位数&#xff0c;第三个参数为超出最下面边界的默认值。 如下代码&#xff1a; 查询向下偏移 2 位的年龄 SELECT user_id,user…

AI新工具(20240201) 字节推出了国内版的 Coze 扣子;ChatGemini-使用 Google 的生成式 AI 来生成对您的消息的响应

ChatGemini-使用 Google 的生成式 AI 来生成对您的消息的响应 ChatGemini 是一个基于 Google Gemini 的网页客户端&#xff0c;对标 ChatGPT 3.5&#xff0c;使用逻辑同 ChatGPT 3.5 一致&#xff0c;同时支持在聊天中上传图片&#xff0c;自动调用 Gemini-Pro-Vision 模型进行…

python+selenium的web自动化】- 元素的常用操作详解(一)

&#x1f525; 交流讨论&#xff1a;欢迎加入我们一起学习&#xff01; &#x1f525; 资源分享&#xff1a;耗时200小时精选的「软件测试」资料包 &#x1f525; 教程推荐&#xff1a;火遍全网的《软件测试》教程 &#x1f4e2;欢迎点赞 &#x1f44d; 收藏 ⭐留言 &#x1…

旷视low-level系列(二):Practical Deep Raw Image Denoising on Mobile Devices

论文&#xff1a;ECCV 2020 代码&#xff1a;https://github.com/MegEngine/PMRID 文章目录 1. Motivation2. Contribution3. Methods3.1 噪声建模&参数估计3.2 k-Sigma变换3.3 移动端友好的网络结构 4. Experiments5. Comments 1. Motivation 业内周知&#xff0c;基于深…

信息安全管理体系

本文已收录至《全国计算机等级考试——信息 安全技术》专栏 信息安全管理体系&#xff08;Information Security Management Systems&#xff09;是组织在整体或特定范围内建立信息安全方针和目标&#xff0c;以及完成这些目标所用方法的体系。它是直接管理活动的结果&#xff…

力扣经典题:用栈表示队列

1.在元素入栈完成时&#xff0c;再出栈进入到另一个栈的时候&#xff0c;另一个栈的栈顶元素就是队列的队尾元素 2.初始化操作完全与上一题相同 3.peek函数的实现&#xff1a;将1的思路写出来&#xff0c;再返回第二个队列的栈顶元素 4.pop函数就是将peek函数进行实现后将to…