Ziyad Studio
Ziyad Web Studio

Ziyad Web Studio

Link & Resources
Media Sosial dan Contact
Chat Ziyad Studio Hubungi kami
chevron_right
TikTok Konten Pendek & Kreatif
chevron_right
GitHub Kode sumber & proyek
chevron_right
Ikuti Saluran WhatsApp Ziyad Studio Creative
chevron_right
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.

Coba Trae AI open_in_new Baca Dokumentasi
Antigravity CLI
Antigravity CLI

Antigravity CLI

Antigravity CLI adalah terminal user interface (TUI) ringan dari Google yang berfungsi sebagai platform pengembangan AI untuk berinteraksi dengan agen cerdas langsung dari terminal. Alat yang menggantikan Gemini CLI ini berfokus pada sistem multi-agen, memungkinkan alur kerja paralel, pelacakan konteks real-time, dan manajemen tugas melalui perintah terminal seperti /artifacts dan /diff

Install Antigravity CLI download Dokumentasi description
Support & Feedback
forum

Bantu Aku Berkembang

Punya saran, kritik, atau ide menarik? Kasih tahu aku supaya proyek dan skill-ku bisa jadi lebih baik lagi! Dukungan berupa masukan sangat berarti buatku.