Link：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整合:藉助版本控制、協同等特性