| Istilah | Arti |
|---|---|
| AI slop monster | Istilah lelucon Jack untuk desain dan tulisan generik hasil AI yang terlihat sama di mana-mana, dan ingin ia lawan. |
| design system | Kumpulan aturan desain yang terkunci, seperti font, warna, tombol, dan tata letak, agar hasil tetap konsisten di seluruh situs. |
| design loop | Skill yang membuat AI mengulang pembuatan desain dan menilainya sampai lolos, yang di video ini dipasang dengan nama loop. |
| fonts | Jenis huruf yang dipakai untuk tampilan situs, yang menurut Jack punya pengaruh besar terhadap kesan sebuah desain. |
| Duolingo | Aplikasi belajar bahasa yang dipakai Jack sebagai referensi desain, terkenal dengan maskot burung hantu dan grafis animasinya. |
| copy | Teks atau tulisan di situs, yang menurut Jack sama pentingnya dengan desain karena memengaruhi keputusan pengunjung untuk membeli. |
| hero section | Bagian paling atas halaman yang pertama kali dilihat pengunjung, biasanya berisi judul utama dan ajakan untuk bertindak. |
| Higgsfield | Platform pembuat gambar dan video AI yang dihubungkan Jack ke Claude lewat CLI untuk membuat aset visual situs. |
| style | Gaya visual keseluruhan sebuah desain, seperti warna, bentuk, dan nuansa, yang diarahkan Jack agar tidak terlihat generik. |
| graphic style | Gaya ilustrasi khusus, misalnya karakter yang dibuat unik tetapi terinspirasi dari gaya grafis Duolingo. |
| Claude | Model AI dari Anthropic yang dipakai Jack untuk membuat desain situs, termasuk lewat Claude Code dan skill yang dipasang. |
| websites | Situs web, yaitu halaman online yang menjadi hasil akhir dari sistem desain dan prompt yang dibahas dalam video ini. |
Video dari kanal Jack Roberts ini membahas cara membuat situs web yang indah dan tidak terlihat seperti hasil AI yang generik, yang disebutnya AI slop. Menurut Jack, situs AI terlihat sama karena semua orang memakai prompt yang sama, sehingga hasilnya seragam: font yang itu-itu saja, gradien indigo ke ungu, tiga kartu fitur, dan kalimat promosi yang klise. Solusinya, kata Jack, adalah memberi Claude sebuah sistem desain, bukan sekadar prompt. Video ini mencontohkannya dengan membuat konsep aplikasi belajar AI yang terinspirasi dari Duolingo, dengan memberi referensi situs yang bagus lalu mengunci aturannya menjadi sistem desain yang konsisten.
Langkah konkretnya dimulai dengan memilih tiga contoh situs dari daftar referensi yang paling dekat dengan bisnis yang diinginkan, lalu menyalin prompt ke Claude. Jack memasang Higgsfield CLI agar Claude bisa membuat gambar dan video, dan memasang skill design loop yang mengulang pembuatan desain sampai lolos penilaian. Ia memakai model yang disebut Fable 5, dan hasil awalnya, termasuk maskot robot bernama robo shark, selesai dalam waktu kurang dari lima menit. Untuk font, Jack menyarankan situs fonts.com dan fontest.com, tetapi mengingatkan agar memeriksa lisensinya karena sebagian font gratis hanya untuk penggunaan pribadi. Untuk teks, ia memakai skill copy yang membuang kesan tulisan AI dan menerapkan prinsip Don't Make Me Think. Contohnya, Get started diganti menjadi Start free.
Kata kunci
- AI slop monster
- design system
- design loop
- Duolingo
- Menunjukkan sistem untuk membangun situs yang tidak tampak seperti AI slop secara berulang, dengan menamai musuhnya AI slop monster.
- Menjelaskan penyebab situs terlihat sama (prompt dan model yang sama), lalu membangun design system, fonts, gaya grafis, dan design loop, dengan contoh gaya situs Duolingo.
- Menyusun sistem copy dan menekankan bahwa AI harus menggantikan pengulangan, bukan kreativitas.
Tulis catatan pribadimu untuk video ini. Catatan tersimpan di akunmu dan bisa dibuka dari perangkat mana pun.