本期推荐开源项目目录：

1. 网页截屏转代码

2. 协作数字白板

3. GPT 爬虫

4. 学术 GPT

5. 绘制的线框生成 HTML

---

01

网页截屏转代码

screenshot-to-code 是一个简单的应用程序，由 React/Vite 前端和 FastAPI 后端开发。可以将屏幕截图转换为 HTML/Tailwind CSS 代码。

它利用了 GPT-4 Vision 来生成代码，并使用 DALL-E 3 来生成外观类似的图像。

项目提供了一个在线版本，你可以通过如下链接尝试使用，但需要自行准备一个具备访问 GPT-4 Vision 的 OpenAI API 密钥，你也可以按照指南在本地安装使用该应用程序。

开源地址：https://github.com/abi/screenshot-to-code
在线版本：https://picoapps.xyz/free-tools/screenshot-to-code

02

协作数字白板

tldraw 是一个协作式数字白板，可在 tldraw.com 上使用。它的编辑器、用户界面等都是开源的。

该项目提供了安装和使用指南，可以在 React 应用程序中使用 tldraw。还提供了示例沙盒以及本地开发服务器，展示了不同的定制方式和 API 使用示例。

开源项目：https://github.com/tldraw/tldraw

03

GPT 爬虫

这个开源项目名为 GPT Crawler，可以爬取网站内容来生成知识文件。

项目展示了如何使用爬虫从指定 URL（例如 Builder.io 的文档）进行爬取，配置爬虫参数，比如 URL，选择器，最大爬取页面数等参数。运行后就能爬取该知识网站的内容，输出 Json 文件。

开源地址：https://github.com/BuilderIO/gpt-crawler

04

学术 GPT

这个开源项目是名为 gpt_academic 的学术工具。它提供了多种功能和插件，使用户能够进行学术论文的翻译、润色、代码解释等操作。这些功能包括：

此外，项目还包括安装指南和高级用法介绍，并提供了版本更新记录和不同主题的选择。

开源地址：https://github.com/binary-husky/gpt_academic

05

绘制的线框生成 HTML

这是一个名为 draw-a-ui 的应用程序，利用 tldraw 和 gpt-4-vision API 根据您绘制的线框生成基于 HTML 的内容。

其工作原理是将当前画布的 SVG 转换为 PNG，并将该 PNG 发送到 gpt-4-vision，要求返回一个包含 Tailwind 样式的单个 HTML 文件。

开源地址：https://github.com/SawyerHood/draw-a-ui

历史盘点

逛逛 GitHub 每天推荐一个好玩有趣的开源项目。历史推荐的开源项目已经收录到 GitHub 项目，欢迎 Star：Awesome-GitHub-Repo

---

推荐阅读

1. GitHub 上有什么好玩的项目？

2. 推荐一款高颜值网易云播放器

3. 基于 Spring Boot 的百度云高仿项目

4. 盘点百度 4 个牛逼哄哄的开源项目