GenUI
Gunakan perintah teks atau gambar untuk menghasilkan komponen UI dan aplikasi yang dibangun dengan React. Didukung oleh API Asisten OpenAI dan Sandpack CodeSandbox.
Memulai
Dapatkan Kunci API OpenAI
Buat file .env.local di root proyek dan tambahkan kunci OpenAI API Anda:
Memasang
yarn install
Mulai aplikasi
yarn dev
Buka http://localhost:3000 untuk melihatnya di browser Anda.
1. Buat asisten baru
- Ini bisa bersifat generik (misalnya React), atau khusus untuk pustaka komponen (misalnya React Spectrum)
- Ini dapat dikelola dalam GenUI, atau pada Platform OpenAI. Gunakan platform OpenAI untuk menambahkan file untuk pengambilan pengetahuan (misalnya dokumentasi pustaka komponen dalam file penurunan harga).
2. Buat thread baru dengan asisten itu
- Ini mewakili aplikasi yang Anda buat, dan semua iterasinya.
3. Masukkan prompt teks dan tambahkan gambar secara opsional.
- Catatan: Akun OpenAI Anda harus memiliki akses ke model
gpt-vision-preview untuk mengunggah gambar.
5. Aplikasi React yang berfungsi dihasilkan berdasarkan prompt.
6. Minta modifikasi atau fitur lainnya untuk ditambahkan ke aplikasi, dan ulangi.
