Situs Kompleks Dibangun dengan Vibe Coding: Empat Halaman Arahan, Dua Jalur Menuju Efek 'Mahal', dan Logo 3D dari Sprite

Penulis, Zhemal Khamidun, CPO AlpinaGPT dan Head of AI di Alpina Digital, menjelaskan cara membangun halaman arahan yang kompleks dengan vibe coding, di mana agen AI menulis kode di bawah arahannya. Ia memamerkan empat halaman arahan: Sekolah Techpred, konferensi 'Tochka Sborki', kursus 'Manajemen Produk AI' (aimipt.ru), dan satu halaman pribadi. Keempatnya terbagi dalam dua jalur teknis: situs konferensi menggunakan WebGL vanilla yang ditulis manual tanpa pustaka eksternal, sementara yang lainnya menggunakan mesin Three.js yang dapat digunakan ulang. Perangkat yang digunakan mencakup sistem desain dalam DESIGN.md, mockup yang dibuat di Claude Design, dan bundel serah terima yang digunakan sebagai referensi, bukan kode produksi. Ia juga membedah situs WebGL terbaik (dala.craftedbygc.com) dengan mengunduh bundelnya, mempercantik JS yang diminifikasi, dan mengekstrak 27 shader, mempelajari GPGPU dengan ping-pong FBO, InstancedMesh, dan efek pasca-pemrosesan. Ia menekankan bahwa mengkloning situs semacam itu secara langsung tidak layak karena masalah merek dan aset berlisensi, tetapi mengekstrak resep untuk efek seperti morphing partikel sangat berharga. Artikel ini juga membahas halaman arahan 'Tochka Sborki' yang dibangun sepenuhnya dengan WebGL vanilla dan CSS, menampilkan shader permukaan air dengan enam gelombang sinus yang dijumlahkan, serta detail ukuran file dan jumlah baris.