Ziyad Studio
Ziyad Web Studio

Ziyad Web Studio

Link & Resources
Tools AI
Daftar Kategori
On Activity Create
▶ Video Tutorial
Tutorial TikTok
Cara pakai & setup lengkap
Tonton
⚙ Tools Pendukung
Sketchware
Sketchware Pro
Aplikasi IDE Android
Download
✦ Prompt
Buatkan satu file HTML yang berisi aplikasi web chat AI bernama "Aiminizer". Gunakan Tailwind CSS (via CDN) dan JavaScript murni. Desain harus minimalis, terinspirasi dari UI Apple, menggunakan efek glassmorphism, dan memiliki mode gelap terang (dukungan warna CSS variables). Palet warna utama adalah hitam pekat, abu-abu, dan aksen oranye terang. Sertakan fitur dan struktur berikut: 1. Elemen Visual Latar: Tambahkan animasi bola cahaya (orb) yang berdenyut lambat di latar belakang. 2. Header (Efek Kaca): Melayang di atas. Kiri untuk tombol buka pengaturan. Tengah untuk judul "Aiminizer" dan teks kecil "ziyad_studio". Kanan untuk dropdown pilihan model (GPT-3.5 Turbo dan DeepSeek). 3. Area Obrolan: Bisa di-scroll. Pesan pengguna berwarna oranye. Pesan AI berwarna latar sesuai tema. Tampilkan animasi 3 titik memantul saat AI memproses jawaban. 4. Input Pesan (Efek Kaca): Melayang di bawah. Textarea yang tingginya otomatis menyesuaikan teks dan tombol kirim. 5. Panel Pengaturan: Muncul dari samping. Berisi tombol ubah mode gelap, input password API Key, dropdown Base URL (ChatAnywhere), dan textarea untuk System Prompt. Semuanya disimpan di LocalStorage. 6. Pemrosesan Teks: Gunakan library marked.js via CDN agar pesan AI mendukung Markdown (tabel, kode, daftar). Tambahkan efek animasi mesin tik saat AI merespons. Munculkan tombol salin di setiap gelembung pesan AI. 7. Logika Komunikasi: Gunakan Fetch API. Gabungkan system prompt bawaan pengguna dengan prompt tersembunyi absolut yang menyatakan pembuatnya adalah "Ziyad (ziyad_studio), individu muda dengan ambisi ekstrem dan pemikiran strategis". Kodenya harus rapi, responsif untuk perangkat seluler, dan siap dijalankan langsung di browser.
◈ Webview Path
file:///android_asset/index.html

Ganti nama index.html jika menggunakan nama file lain, misal [nama].html

◉ Add Source Directly
android.webkit.WebView web=(android.webkit.WebView)findViewById(R.id.webview1);android.webkit.WebSettings set=web.getSettings();set.setJavaScriptEnabled(true);set.setDomStorageEnabled(true);set.setAllowFileAccessFromFileURLs(true);set.setAllowUniversalAccessFromFileURLs(true);web.setWebChromeClient(new android.webkit.WebChromeClient());
Assets Desain
construction

Sedang Diperbaiki

Halaman ini sedang dalam proses pembaruan. Harap cek kembali nanti ya!

Waktu Sekarang
--:--:--
---
Maintenance Mode
Trae AI Agent
Trae AI

Trae AI

Trae AI adalah agen responsif yang mempercepat proses penulisan kode. Alat ini membantu Anda merencanakan, menulis, dan mengeksekusi program langsung dari satu ruang kerja visual.