التطبيقات 🇷🇺 05.08.2026 05:02

مواقع معقدة مبنية بالبرمجة بالإحساس: أربع صفحات هبوط، مساران لتأثيرات "باهظة"، وشعار ثلاثي الأبعاد من الصور

AnthropicAnthropic
يروي مطور واجهات أمامية تجربته في بناء أربع صفحات هبوط باستخدام البرمجة بالإحساس، حيث تقوم وكلاء الذكاء الاصطناعي بكتابة الكود. ويقارن بين نهجين تقنيين: تأثيرات WebGL مكتوبة يدويًا مقابل محرك Three.js قابل لإعادة الاستخدام. وتوضح المقالة سلسلة أدواته من أنظمة التصميم في ملف DESIGN.md إلى نماذج Claude Design وحزم التسليم، وتشارك الدروس المستفادة من تحليل موقع مرجعي متطور بتقنية WebGL.
المؤلف، زهيل خاميدون، مدير المنتجات في AlpinaGPT ورئيس قسم الذكاء الاصطناعي في Alpina Digital، يصف بناء صفحات هبوط معقدة باستخدام البرمجة الاهتزازية (vibe coding)، حيث تقوم وكلاء الذكاء الاصطناعي بكتابة الكود تحت توجيهه. يعرض أربع صفحات هبوط: مدرسة Techpred، ومؤتمر 'Tochka Sborki'، ودورة 'إدارة منتجات الذكاء الاصطناعي' (aimipt.ru)، وصفحة شخصية. تنقسم هذه الصفحات إلى مسارين تقنيين: موقع المؤتمر يستخدم WebGL يدويًا مكتوبًا بدون مكتبات خارجية، بينما تستخدم البقية محرك Three.js قابل لإعادة الاستخدام. تتضمن الأدوات نظام تصميم في ملف DESIGN.md، ونماذج أولية تم إنشاؤها في Claude Design، وحزم تسليم تستخدم كمراجع وليس كود إنتاج. كما قام بتفكيك موقع WebGL رائد (dala.craftedbygc.com) عن طريق تنزيل حزمته، وتجميل كود JavaScript المضغوط، واستخراج 27 شادرًا، وتعلم عن GPGPU باستخدام FBO بينغ بونغ، وInstancedMesh، وتأثيرات ما بعد المعالجة. ويؤكد أن استنساخ هذه المواقع مباشرة ليس مجديًا بسبب العلامات التجارية والأصول المرخصة، ولكن استخراج وصفات للتأثيرات مثل تحويل الجسيمات ذو قيمة. يغطي المقال أيضًا صفحة الهبوط 'Tochka Sborki' المبنية بالكامل باستخدام WebGL وCSS بسيط، وتتميز بشادر سطح مائي مع ست موجات جيبية مجمعة، وتفاصيل حول أحجام الملفات وأعداد الأسطر.
المصدر: Habr — хаб ИИ — الأصلي
منشوراتنا السابقة حول هذا الموضوع ↓
أخبار جديدة