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