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

科技   2024-09-29 22:06   湖南  

🍹 Insight Daily 🪺

Aitrainee | 公众号:AI进修生

Hi,这里是Aitrainee,欢迎阅读本期新文章。

提前祝大家国庆节快乐!

又来介绍免费工具啦

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

上次测评中90B高频拒绝回答了好多问题,但是使用这个工具就不会。

全新Llama 3.2系列:性能提升明显,但真的是最优选择吗?(已测试)

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

原图:

生成网页APP:

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

原图:

虽然没有上次v0好,但是还不错吧,

每日AI:Vercel v0 太棒了!!MLE-Agent、专注RAG与工具调用优化的Command R+

生成Chatgpt网页:

看看如何本地使用:

克隆与运行

  1. 1. 克隆仓库

    git clone https://github.com/Nutlope/napkins
  2. 2. 创建 .env 文件
    添加你的 Together AI API 密钥:

    TOGETHER_API_KEY=
  3. 3. 创建 S3 桶
    将凭据添加到你的 .env 文件。按照 此指南[1] 设置它们。所有必需的值在 .env.example 文件中。

  4. 4. 安装依赖并本地运行
    运行以下命令:

    npm install
    npm run dev

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

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

🌟希望这篇文章对你有帮助,感谢阅读!如果你喜欢这系列文章请以 点赞 / 分享 / 在看 的方式告诉我,以便我用来评估创作方向。


往期推荐



Ai-artifacts:免费使用o1模型!还有Claude Artifacts 功能,几秒生成全栈APP(10+编程任务测试)

全新Llama 3.2系列:性能提升明显,但真的是最优选择吗?(已测试)

谷歌 Gemini 1.5 Pro-002 与 Flash-2 发布:快速、优质、低价的AI新选择!

OpenMusic:新手友好!用AI轻松创作、普通GPU+几行代码生成高质量音乐 - 本地安装

本地AI文件管理器:AI驱动+私有LLM,免费整理你的文件库

参考链接:
[1] https://www.napkins.dev/
                                     

知音难求,自我修炼亦艰

抓住前沿技术的机遇,与我们一起成为创新的超级个体

(把握AIGC时代的个人力量)

点这里👇关注我,记得标星哦~

一键三连「分享」、「点赞」和「在看」

科技前沿进展日日相见 ~ 

AI进修生
AI算法工程师 / Prompt工程师 / ROS机器人开发者 | 分享AI动态与算法应用资讯,提升技术效率。
 最新文章