Memberi Skor pada Kiriman Show HN untuk Pola Desain AI
(adriankrebs.ch)- Seiring meningkatnya kiriman Show HN belakangan ini, halaman landing dengan kesan yang mirip terus bermunculan, sehingga pola umum dinilai berdasarkan 500 halaman Show HN terbaru
- Kriteria penilaian terdiri dari 15 item yang mencakup font, warna, layout, dan pola CSS, termasuk elemen seperti hero rata tengah, VibeCode Purple, border berwarna di sisi kiri, shadcn/ui, dan Glassmorphism
- Deteksi dilakukan dengan memuat halaman menggunakan browser headless berbasis Playwright, lalu membaca DOM dan style terhitung; tidak menggunakan metode LLM yang menilai screenshot
- Hasilnya terbagi menjadi Heavy slop 21%, Mild 46%, dan Clean 33%; situs tidak langsung dianggap buatan AI hanya berdasarkan satu pola, melainkan dibagi menurut jumlah pola yang terpenuhi
- Kecenderungan ini lebih dekat pada kurangnya inspirasi daripada masalah serius, dan ke depan mungkin dibutuhkan desain yang lebih digarap agar bisa menonjol di antara keluaran yang serupa
Peningkatan Show HN dan pemberian skor pola desain
- Jumlah kiriman Show HN meningkat tajam, dan untuk akun baru, pengelola Hacker News bahkan memperketat hingga membatasi kiriman Show HN
- Pada proyek-proyek Show HN belakangan ini, kesan yang generik dan steril terus berulang, sehingga hal ini tidak dibiarkan sebagai kesan subjektif saja, melainkan diberi skor berdasarkan 500 halaman
- Objek penilaian adalah 500 halaman landing Show HN terbaru, yang diklasifikasikan berdasarkan pola desain AI yang umum
Kriteria pola desain AI
- Pola umum secara garis besar dikelompokkan ke dalam font, warna, keunikan layout, dan pola CSS
- Border berwarna di sisi kiri berfungsi sebagai sinyal kuat yang mengarah pada desain buatan AI, dan benar-benar berulang pada banyak halaman
-
Font
- Inter digunakan secara luas, tetapi особенно menonjol pada headline hero yang rata tengah
- LLM juga sering memakai kombinasi seperti Space Grotesk, Instrument Serif, dan Geist
- Termasuk pula komposisi hero berbasis Inter yang menekankan hanya satu kata dengan serif italic
-
Warna
- Yang disebut VibeCode Purple berulang kali muncul
- Kombinasi dark mode permanen, teks isi abu-abu sedang, dan label section huruf kapital sering terlihat
- Dalam tema gelap, ada juga kasus di mana kontras teks isi hanya sedikit melampaui ambang standar
- Penggunaan gradient yang berlebihan secara umum, glow warna besar, dan box-shadow berwarna juga termasuk dalam pola
-
Keunikan layout
- Hero rata tengah berbasis font sans yang umum terus berulang
- Susunan badge tepat di atas H1 hero sering muncul
- Pola border berwarna di bagian atas atau sisi kiri kartu juga termasuk
- Kartu fitur serupa dengan ikon di bagian atas disusun berulang
- Urutan langkah bernomor 1, 2, 3, baris banner statistik, sidebar atau navigasi dengan ikon emoji, serta judul dan label section huruf kapital juga masuk dalam kriteria
-
Pola CSS
-
shadcn/ui
- Glassmorphism
-
Metode deteksi dan hasil
- Setiap situs dimuat menggunakan browser headless berbasis Playwright, lalu skrip kecil di dalam halaman membaca DOM dan style terhitung untuk memeriksa pola
- Semua pola ditangani dengan pemeriksaan CSS atau DOM yang deterministik, dan tidak menggunakan pendekatan mengambil screenshot lalu membiarkan LLM menilai secara visual
- Metode ini dapat menimbulkan false positive, tetapi dalam QA manual terkonfirmasi sekitar 5~10%
- Kode penilaian belum dipublikasikan, tetapi jika ada minat untuk mereproduksi, meningkatkan, atau memberi skor pada situs sendiri, publikasinya dapat dipertimbangkan
- Situs tidak langsung dianggap buatan AI hanya berdasarkan satu pola; situs dibagi ke dalam 3 kategori menurut berapa dari 15 pola yang terpenuhi
- Heavy slop: memenuhi 5 pola atau lebih, 105 situs, 21%
- Mild: 2~4 pola, 230 situs, 46%
- Clean: 0~1 pola, 165 situs, 33%
- Hasil seperti ini lebih dekat pada kurangnya inspirasi daripada masalah yang serius
- Dalam validasi ide bisnis, desain yang mencolok memang sejak awal bukan inti utama, dan bahkan sebelum era AI pun banyak situs yang tampak mirip seperti Bootstrap
- Ada perbedaan yang jelas antara kasus ketika desain dipoles sendiri dan ketika keluaran default LLM dirilis hampir apa adanya
- Bahkan sebelum LLM, fenomena serupa juga muncul saat template CSS/HTML digunakan begitu saja
- Ke depan, agar dapat menonjol di tengah slop seperti ini, mungkin akan kembali dibutuhkan desain yang lebih digarap
- Pada saat yang sama, jika pengguna utama web menjadi AI agent, seberapa penting desain akan tetap menjadi hal yang belum pasti
1 komentar
Komentar Hacker News
Sekarang saya merasa sebagian besar side project dibuat dengan bantuan AI
Biasanya ada keterbatasan waktu, jadi kalau AI bisa menghemat waktu, hampir tidak ada alasan kuat untuk tidak memakainya
Selain itu, ini juga tempat yang pas untuk mencoba tool AI baru yang sulit dieksperimenkan dalam pekerjaan kantor
Judul tulisan ini awalnya kurang tepat menangkap inti, dan salah memakai vibe coded sehingga gagal menyampaikan topik yang sebenarnya lebih menarik, yaitu kesamaan visual pada frontend yang dihasilkan AI
Sekarang judulnya lebih baik, dan "Show HN submissions tripled and now mostly have the same vibe-coded look" terlihat jauh lebih akurat
Saya terlalu sering melihat situs mode gelap dengan teks utama dan teks sekunder berwarna cokelat gelap atau beige sehingga keterbacaannya sangat buruk
Kalau mau aman, rasio kontras antara teks dan latar belakang setidaknya harus sekitar 4:1
Ini juga tidak sulit diperbaiki; cukup masukkan Web Content Accessibility Guidelines ke dalam skill
https://webaim.org/resources/contrastchecker
Menikmati proses memikirkan masalah, menyelesaikannya, mengimplementasikannya sendiri, mempelajari hal baru, dan membayangkan apakah itu bisa menjadi populer dan berguna; kalau AI tinggal menjentikkan jari lalu menghasilkan hasilnya, kesenangan itu hilang
Dalam pekerjaan sehari-hari, wajar memakai AI untuk mengurangi pekerjaan membosankan, tapi saya tidak ingin begitu juga dengan side project
Ditambah lagi, membayar 200 dolar per bulan untuk membeli hak istimewa memakai AI pada proyek pribadi terasa terlalu bodoh bagi saya
Semua side project saya dimulai untuk belajar sesuatu, jadi menekan tombol lompat ke akhir dengan AI sama sekali tidak cocok
Padahal dalam konteks "menunjukkan side project saya", justru itulah proses berpikir yang ingin dilihat orang
Biasanya yang benar-benar mendesak justru proyek komersial
Daftar pola desainnya lumayan, tetapi saya rasa ada elemen besar yang terlewat yaitu rounded rect grid
https://correctarity.com/roundedrects
Mungkin "Icon-topped feature card grid" yang disebut dalam tulisan itu mendekati nama resminya
Setidaknya ini sudah menjadi arus sejak masa Apple mengajukan paten rounded corners
Ini juga perlu dilihat
https://news.ycombinator.com/showlim
Akun yang belum punya banyak riwayat di HN sekarang sering melihat layar ini, dan ini juga memengaruhi tren penurunan di sisi kanan grafik OP
Ask HN: Please restrict new accounts from posting - https://news.ycombinator.com/item?id=47300329 - March 2026 (515 comments)
Is Show HN dead? No, but it's drowning - https://news.ycombinator.com/item?id=47045804 - Feb 2026 (425 comments)
Orang ingin menulis kode dengan tool tahun 2026 tetapi tetap dinilai dengan standar 2016
Pada 2016, melihat 10 ribu baris kode berarti dengan sendirinya ada tingkat proof-of-work tertentu, dan secara alami itu menyiratkan pengujian, pemikiran, dan waktu berbulan-bulan untuk membentur masalah lalu menyempurnakannya
Tetapi 10 ribu baris kode pada 2026 bisa saja hanya berarti seseorang menghabiskan sedikit uang untuk token, dan kalau misalnya sekadar mengubah spesifikasi OpenAPI besar menjadi API bahasa tertentu, itu bisa dihasilkan sangat cepat dalam sekali jalan
Sangat mungkin lebih dari 90% proyek itu belum pernah dijalankan dalam skenario nyata sama sekali, dan hanya lulus unit test yang ditulis AI sendiri
Itu sendiri tidak salah secara inheren, tetapi standar penilaiannya harus berubah
Ambang untuk Show HN tidak harus terlalu tinggi, tetapi tetap perlu sedikit lebih tinggi daripada sekadar "mengetik beberapa baris ke kotak teks"
Bukan karena itu buruk, melainkan karena biaya untuk menarik perhatian manusia yang langka sudah menjadi terlalu murah
Agak pahit memang, tetapi sebenarnya jenis proyek yang bisa dibuat hanya dengan ide dan beberapa prompt sudah cukup banyak bahkan sebelum AI
Tool coding AI hanya memperpanjang daftar "proyek yang terlalu sering dilihat", dan rasanya lebih seperti gelombang proyek sejenis yang memang sudah melimpah sejak dulu kini datang dengan lebih deras
Saya sering melihat orang membuat satu produk dalam satu akhir pekan lalu memberi harga yang konyol dengan merujuk pada harga yang diterima kategori produk itu beberapa tahun lalu
Mereka tampaknya sulit menerima bahwa harga itu awalnya mencerminkan usaha yang dulu dibutuhkan untuk sampai ke sana
Sekarang keadaannya sudah berbeda
Orang membuat slide deck yang terlalu mewah atau branding baru lalu ingin dinilai seperti pencapaian menurut standar lama, padahal pada akhirnya mereka seperti menciptakan prestasi untuk diri sendiri
Saya kurang tertarik pada gagasan bahwa kalau agen AI menjadi pengguna utama web, maka desain tidak akan terlalu penting
Jika dunia permukaan bumi telah rusak oleh penyakit dan perang, tercemar oleh janji inovasi kosong dan puing logam berat, maka kita perlu membangun Eden yang baru
Saya menyukai konsep Gemini, tetapi tetap ingin mengekspresikannya sebagai medium visual
Saya rasa masih mungkin membuat sesuatu yang indah bahkan dalam batasan seperti Dillo, dan jika memakai Wireguard mesh sebagai lapisan transport serta undangan diberikan dan dicabut berdasarkan kepercayaan personal,
mungkin ide-ide bisa hidup kembali di tempat yang tidak membuat segala hal diperbesar dan dirata-ratakan oleh platform raksasa
Kalau bicara desain, situs proyek teknologi dari solo founder SaaS sampai perusahaan yang menerima 2 miliar dolar dari YC sudah terlihat mirip selama bertahun-tahun
Sekarang saya hanya berharap LLM kadang-kadang berhalusinasi menghasilkan CSS yang sedikit berbeda
Arus seperti Bootstrap, Web 2.0, Tailwind, Material UI, Rails, NextJS terus berputar, dan sekarang itu hanya AI
Tidak perlu berpura-pura seolah industri ini dulu tidak pernah memakai jalan pintas
Kita boleh membanggakan kode craftsmanship, tetapi pihak yang memakai software untuk tujuan bisnis memang dari dulu tidak terlalu peduli pada hal itu
Lagi pula, bukankah filosofi ilmu komputer pada akhirnya adalah semua orang seharusnya bisa coding
Selama ini juga menolak hambatan lisensi, jadi sekarang ketika kode menjadi commodity dan hambatan masuk nyaris hilang, itu terasa seperti kelanjutan alaminya
Beberapa kiriman Show HN awalnya terlihat mengesankan, tetapi setelah dilihat lebih dekat ternyata bahkan tidak berfungsi, atau terlalu jelas merupakan kode AI yang berpura-pura ditulis langsung oleh seseorang
Dulu GitHub cukup berguna sebagai sinyal di resume, tetapi sekarang kalau AI mengerjakan sebagian besar hal itu, nilai sinyal tersebut pada dasarnya hilang
Jangan hanya tampilkan ringkasan; saya ingin hasil detail juga ditampilkan
Misalnya sertakan daftar kiriman dengan skor tinggi dan rendah agar kita bisa melakukan vibe check sendiri apakah metodologinya masuk akal
Dan daripada diagram pai kategori yang arbitrer pada satu titik waktu, lebih baik tampilkan perubahan tren seiring waktu
Untuk MVP atau tahap eksplorasi, UI buatan LLM masih cukup bisa diterima
Tetapi ketika mainan mulai berubah menjadi produk, akan tiba waktunya untuk merombak UI dengan serius
Untuk antarmuka yang ditujukan bagi manusia, pada akhirnya sentuhan manusia memang punya nilai
Masalah AI yang membanjiri HN dengan bot itu terkait, tetapi sifatnya agak berbeda dan merupakan isu terpisah
Saya tidak menganggap inti masalahnya adalah hasil buatan AI itu sendiri
Tetapi UI/UX buatan AI yang dikerjakan asal-asalan benar-benar masalah
Estetika vibe-coded sering terlihat sebagai sinyal bahwa "orang ini tidak benar-benar memikirkan bagaimana ini bekerja secara mendalam", dan meskipun teknologi dasarnya kokoh, itu tetap merupakan tanda bahaya yang cukup jelas