draw a ui

Draw-a-ui

Ini adalah aplikasi yang menggunakan TLDRAW dan API GPT-4-Vision untuk menghasilkan HTML berdasarkan rangka gambar yang Anda gambar.

Saat ini saya sedang mengerjakan versi yang dihosting dari Draw-A-UI. Anda dapat bergabung dengan waitlist di draw-a-ui.com. Inti dari itu akan selalu menjadi open source dan tersedia di sini.

Ini berfungsi dengan hanya mengambil Canvas SVG saat ini, mengubahnya menjadi PNG, dan mengirimkan PNG itu ke GPT-4-Vision dengan instruksi untuk mengembalikan file HTML tunggal dengan Tailwind.

Penafian: Ini adalah demo dan tidak dimaksudkan untuk penggunaan produksi. Tidak ada auth sehingga Anda akan bangkrut jika Anda menggunakannya.

Memulai

Ini adalah aplikasi Next.js. Untuk mulai menjalankan perintah berikut di direktori root proyek. Anda akan memerlukan kunci API OpenAI dengan akses ke API Visi GPT-4.

Perhatikan ini menggunakan Next.js 14 dan membutuhkan versi node lebih besar dari 18.17. Baca lebih lanjut di sini.

 echo " OPENAI_API_KEY=sk-your-key " > .env.local
npm install
npm run dev

Buka http: // localhost: 3000 dengan browser Anda untuk melihat hasilnya.