您只需要在草圖軟體中繪製您想要的網絡界面,例如簡單的按鈕或文本框、基本的線框。
然後,它使用tldraw和GPT-4 Vision API根據您繪製的線框生成HTML頁面。
主要原理是將當前畫布VGA轉換為PNG圖像,然後將其發送到GPT-4 Vision,指示GPT-4 Vision返回包含Tailwind CSS的單個HTML文件。
您只需要在草圖軟體中繪製您想要的網絡界面,例如簡單的按鈕或文本框、基本的線框。
然後,它使用tldraw和GPT-4 Vision API根據您繪製的線框生成HTML頁面。
主要原理是將當前畫布VGA轉換為PNG圖像,然後將其發送到GPT-4 Vision,指示GPT-4 Vision返回包含Tailwind CSS的單個HTML文件。