%20--%3e%3cdefs%3e%3cstyle%3e%20.st0%20{%20fill:%20%23061b40;%20}%20.st1%20{%20fill:%20%23306af1;%20}%20.st2%20{%20fill:%20%235ce5cf;%20}%20%3c/style%3e%3c/defs%3e%3cg%3e%3cpath%20class='st0'%20d='M55,10.5h9v3h-9v9h12V7.5h-12v3ZM64,19.5h-6v-3h6v3Z'/%3e%3cpolygon%20class='st0'%20points='69%2016.5%2078%2016.5%2078%2019.5%2069%2019.5%2069%2022.5%2081%2022.5%2081%2013.5%2072%2013.5%2072%2010.5%2081%2010.5%2081%207.5%2069%207.5%2069%2016.5'/%3e%3cpolygon%20class='st0'%20points='95%2010.5%2095%207.5%2083%207.5%2083%2022.5%2095%2022.5%2095%2019.5%2086%2019.5%2086%2016.5%2095%2016.5%2095%2013.5%2086%2013.5%2086%2010.5%2095%2010.5'/%3e%3cpath%20class='st0'%20d='M40,1.5v21h11.6l1.4-1.4v-7.6h0c0,0-1.4-1.5-1.4-1.5l1.4-1.4V2.9l-1.4-1.4h-11.6ZM50,19.5h-7v-6h7v6ZM50,10.5h-7v-6h7v6Z'/%3e%3c/g%3e%3cpath%20class='st1'%20d='M23.1,24L14.7,4.8l-4.9,11.2h3.8l-1.8,4H3.3L12.1,0H2C.9,0,0,.9,0,2v20c0,1.1.9,2,2,2h21.1Z'/%3e%3cpath%20class='st2'%20d='M34,0h-16.8l10.6,24h6.2c1.1,0,2-.9,2-2V2C36,.9,35.1,0,34,0ZM32.5,20h-4V4h4v16Z'/%3e%3c/svg%3e)
Vx.dev
简介 :
vx.dev是一个开源的v0.dev替代品。它具有以下优点:
- 低成本:通过提示工程技术,可以大大降低使用成本
- 易于定制:提供开源的提示,可以根据需求定制UI组件或代码风格
- GitHub无缝集成:生成的代码存储在GitHub上,内置版本控制、代码审查等功能
vx.dev的工作原理是,使用GPT-4模型根据事先定义好的提示来生成代码。主要成本在于输入和补全的标记数量。提示存储在prompts/ui-gen.md中,包含shadcn/ui、lucide和nivo图表的指令。通过删除不需要的组件指令,可以降低每次生成的API成本。
vx.dev可以轻松定制。用户可以基于现有提示进行修改,使用其他UI库或调整代码风格。生成的代码存储在GitHub上,拥有版本控制、协同等特性。私有仓库可以保证生成结果的可见性。
需求人群 :
["- 生成网页/小程序UI代码"," - 通过代码审查迭代优化代码"," - 构建页面原型"," - 快速实现界面设计"]
使用场景
1. 通过修改prompts/ui-gen.md中的提示,使用Tailwind CSS作为样式库生成代码
2. 在私有仓库中生成内部页面的代码,保证信息安全
3. 基于vx.dev的提示实现一个在线代码生成小工具,并嵌入到自己的网站中
产品特色
- 低成本:通过提示工程降低使用成本
- 易于定制:开源提示,可自定义UI和代码风格
- GitHub集成:借助版本控制、协同等特性
精选AI产品推荐
Screenshot To Code
截图转代码是一个简单的应用程序，它使用GPT-4 Vision生成代码，并使用DALL-E 3生成类似的图片。该应用程序具有React/Vite前端和FastAPI后端，您需要具有访问GPT-4 Vision API的OpenAI API密钥。
AI代码生成
1.1M
Openui
构建UI组件通常是一项乏味的工作。OpenUI旨在使这一过程变得有趣、快捷和灵活。这也是我们在W&B用于测试和原型化下一代工具的工具,用于在LLM的基础上构建强大的应用程序。您可以使用想象力描述UI,然后实时查看渲染效果。您可以要求进行更改,并将HTML转换为React、Svelte、Web组件等。就像是V0的开源和不太精致的版本。
AI开发助手
788.3K