Vibe
Recent
claude-sonnet-4-5
Anthropic
claude-opus-4-5
claude-sonnet-4-5
✓
claude-haiku-4-5
OpenAI
gpt-4o
gpt-4o-mini
o3
Google
gemini-2.5-pro
gemini-2.5-flash
Custom
Configure custom →
Live Preview
Apa yang ingin kamu buat?
Chat AI dengan Live Preview — lihat hasil kode HTML/CSS/JS langsung di panel kanan.
Landing page + animasi
Langsung bisa di-preview
Kalkulator interaktif
HTML + CSS + JS
Todo list app
Dengan localStorage
Flexbox vs CSS Grid
Contoh interaktif
Vibe AI ·
Set API key untuk mulai
Live Preview
Preview siap menunggu
Minta AI buat HTML/CSS/JS, lalu klik tombol
▶ Preview
di bawah kode
API Settings
×
Provider
🔮
Anthropic
⚡
OpenAI
🌊
Google
⚙️
Groq
🔗
Together
🛠
Custom
API Key
Belum terhubung
Base URL
Model
claude-sonnet-4-5
System Prompt (opsional)
Max Tokens
Filter & Sensor
×
Aturan
List Kata Kasar
List NSFW
List Kekerasan
Filter Input
Terapkan filter pada pesan user sebelum dikirim ke AI.
Filter kata kasar
Sensor kata dari list "Kata Kasar" di input user
Blokir konten NSFW
Blokir pesan yang mengandung kata dari list NSFW
Blokir konten kekerasan
Blokir pesan yang mengandung kata dari list Kekerasan
Lindungi data pribadi (PII)
Sensor NIK, nomor HP, email, kartu kredit dari input
Filter Output AI
Modifikasi atau batasi respons yang diterima dari AI.
Sensor output kata kasar
Ganti kata dari list "Kata Kasar" di respons AI dengan ***
Paksa bahasa formal
Inject instruksi ke system prompt untuk selalu formal
Batasi panjang respons
AI merespons maksimal sejumlah kata
kata maksimal
Kata / Topik Terlarang Kustom
Blokir pesan yang mengandung kata-kata ini (selain list bawaan).
+ Tambah
Kata Disensor Kustom
Kata ini otomatis diganti *** di input dan output (selain list bawaan).
+ Tambah
List Kata Kasar Bawaan
Kata-kata ini digunakan oleh filter "Filter kata kasar" dan "Sensor output kata kasar". Kamu bisa tambah atau hapus sesuai kebutuhan.
+ Tambah
↺ Reset ke default
List Keyword NSFW
Pesan yang mengandung salah satu kata ini akan diblokir saat filter "Blokir konten NSFW" aktif.
+ Tambah
↺ Reset ke default
List Keyword Kekerasan
Pesan yang mengandung salah satu kata ini akan diblokir saat filter "Blokir konten kekerasan" aktif.
+ Tambah
↺ Reset ke default