draw a ui
1.0.0
นี่คือแอพที่ใช้ TLDRAW และ GPT-4-Vision API เพื่อสร้าง HTML ตามโครงร่างที่คุณวาด
ฉันกำลังทำงานกับ Draw-a-ui เวอร์ชันโฮสต์ คุณสามารถเข้าร่วมรายการรอได้ที่ draw-a-ui.com แกนกลางของมันจะเป็นโอเพ่นซอร์สเสมอและมีให้ที่นี่
สิ่งนี้ใช้งานได้โดยเพียงแค่ใช้ผ้าใบ SVG ปัจจุบันแปลงเป็น PNG และส่ง PNG นั้นไปยัง GPT-4-Vision พร้อมคำแนะนำในการส่งคืนไฟล์ HTML เดียวกับ Tailwind
ข้อจำกัดความรับผิดชอบ: นี่คือการสาธิตและไม่ได้มีไว้สำหรับการใช้งานการผลิต มันไม่มีการรับรองความถูกต้องดังนั้นคุณจะพังถ้าคุณปรับใช้
นี่คือแอปถัดไป JS ในการเริ่มต้นเรียกใช้คำสั่งต่อไปนี้ในไดเรกทอรีรากของโครงการ คุณจะต้องใช้คีย์ OpenAI API พร้อมการเข้าถึง GPT-4 Vision API
หมายเหตุสิ่งนี้ใช้ next.js 14 และต้องใช้
nodeเวอร์ชันมากกว่า 18.17 อ่านเพิ่มเติมที่นี่
echo " OPENAI_API_KEY=sk-your-key " > .env.local
npm install
npm run devเปิด http: // localhost: 3000 พร้อมเบราว์เซอร์ของคุณเพื่อดูผลลัพธ์
