draw a ui
1.0.0
هذا تطبيق يستخدم TldRaw و GPT-4-Vision API لإنشاء HTML بناءً على إطار سلكي ترسمه.
أنا أعمل حاليًا على نسخة مستضافة من Draw-A-UI. يمكنك الانضمام إلى قائمة الانتظار على Draw-a-ui.com. سيكون جوهرها دائمًا مفتوح المصدر ومتاح هنا.
يعمل هذا من خلال أخذ Canvas SVG الحالي ، وتحويله إلى PNG ، وإرسال هذا PNG إلى GPT-4-Vision مع تعليمات لإرجاع ملف HTML واحد مع Tailwind.
إخلاء المسئولية: هذا عرض تجريبي وليس مخصص للاستخدام الإنتاج. لا يحتوي على أي مصادقة ، لذا سوف تنكسر إذا قمت بنشرها.
هذا هو تطبيق Next.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 مع متصفحك لرؤية النتيجة.
