免费工具！如何用Napkins和Llama-3.2快速生成网页应用？

最新推荐文章于 2025-06-28 11:36:01 发布

原创最新推荐文章于 2025-06-28 11:36:01 发布 · 1.2k 阅读

30 ·

CC 4.0 BY-SA版权

文章标签：

#llama #数据库 #前端 #ui #prompt #搜索引擎

部署运行你感兴趣的模型镜像

又来介绍免费工具啦

Meta 和 Together AI 合作推出了一个名为“Napkins”的应用程序。允许你上传任何图片，并将其转换为基于 React 和 Tailwind 的应用程序。完全免费使用，并且使用 Llama 3.2 的新视觉模型90B。

并且我也挺喜欢他生成的程序可以在sandbox中打开，这给我提供了一定的方便，方便我继续修改并实时预览，不需要考虑配置环境的问题。

原图：

生成网页APP：

他的操作非常简单只有两步，第1个步图片拖进去，第2步选择要使用的模型，有 90B 模型和 11B 模型可选，选择完毕后，点击生成，它就会生成和图片相似的网页程序：

原图：

生成Chatgpt网页：

看看如何本地使用：

克隆与运行

克隆仓库

git clone https://github.com/Nutlope/napkins

创建 .env 文件
添加你的 Together AI API 密钥：
```
TOGETHER_API_KEY=
```
创建 S3 桶
将凭据添加到你的 .env 文件。按照此指南[1] 设置它们。所有必需的值在 .env.example 文件中。
安装依赖并本地运行
运行以下命令：
```
npm install   npm run dev
```

这就是本地使用的方式，我认为它适合本地使用，但也有一些更好的开源选项：Open WebUI 等等，往期关于截屏生成网页UI的文章我介绍过很多。

这个项目后续也许会添加更多的模型，我希望可以将 Qwen2 VL 、Molmo 这些模型添加到这个演示中。

如何学习大模型 AI ？

由于新岗位的生产效率，要优于被取代岗位的生产效率，所以实际上整个社会的生产效率是提升的。

但是具体到个人，只能说是：

“最先掌握AI的人，将会比较晚掌握AI的人有竞争优势”。

这句话，放在计算机、互联网、移动互联网的开局时期，都是一样的道理。

我在一线互联网企业工作十余年里，指导过不少同行后辈。帮助很多人得到了学习和成长。

我意识到有很多经验和知识值得分享给大家，也可以通过我们的能力和经验解答大家在人工智能学习中的很多困惑，所以在工作繁忙的情况下还是坚持各种整理和分享。但苦于知识传播途径有限，很多互联网行业朋友无法获得正确的资料得到学习提升，故此将并将重要的AI大模型资料包括AI大模型入门学习思维导图、精品AI大模型学习书籍手册、视频教程、实战学习等录播视频免费分享出来。

在这里插入图片描述