Hallmark Bikin Desain AI Terlihat Seperti Buatan Manusia

Bayangkan kamu meminta coding agent membuat landing page untuk produkmu. Hasilnya rapi, tetapi terasa familier. Gradien ungu, label kecil di atas setiap judul, dan satu kata berwarna di tengah headline membuat halaman itu langsung terlihat seperti buatan AI.

Pola yang berulang itu kini punya nama di kalangan developer, yaitu AI slop. Hallmark adalah skill desain untuk coding agent yang dibuat untuk menghapus pola tersebut. Skill ini sedang ramai dibicarakan karena versi keduanya membawa 50 tema desain dan pemeriksaan di browser sungguhan.

Artikel ini menjelaskan apa itu Hallmark, ciri desain apa saja yang ia tangkap, dan cara kerjanya dari tema sampai pemeriksaan akhir. Kamu juga akan membaca cara memasangnya dan batas yang perlu kamu waspadai sebelum memakainya. Angka star yang dikutip di artikel ini dicatat pada 29 Oktober 2026.

Apa Itu Hallmark dan Kenapa Ia Ramai Dibicarakan?

Hallmark adalah skill desain untuk Claude Code, Codex, Cursor, dan OpenCode. Deskripsinya di GitHub cukup tegas, yaitu skill desain yang menolak terlihat seperti hasil AI. Pembuatnya adalah Together AI, dan lisensinya MIT, sehingga kamu bebas memakainya, mengubahnya, dan mengirim hasilnya.

Penting untuk jujur soal usianya. Repositori Nutlope/hallmark dibuat pada 27 April 2026, jadi proyek ini bukan peluncuran yang benar-benar baru. Yang baru adalah versi 2, yang memperluas katalog tema menjadi 50 tema dan menambah perintah redesign dan audit.

Angka perhatiannya naik sangat cepat dalam sepekan terakhir. Pada 25 Oktober 2026, Hallmark tercatat memiliki 32.133 star dan masuk GitHub Trending.

Pada 29 Oktober 2026, jumlahnya sudah mencapai 41.408 star, 2.152 fork, dan 305 commit. Dalam ringkasan GitHub Trending 28 Oktober, Hallmark tercatat menambah 2.830 star dalam satu hari.

Ciri Desain AI Apa Saja yang Ditangkap Hallmark?

Hallmark bekerja dari daftar ciri yang tertulis jelas di README resminya. Daftar itu meliputi label kecil di atas setiap judul, label huruf kapital yang direnggangkan, dan satu kata berwarna di dalam headline. Daftar itu juga meliputi halaman yang penuh bingkai kosong atau hanya berisi foto, hero yang tidak memenuhi layar, formulir pendaftaran di akhir setiap halaman, dan formulir yang mengucapkan terima kasih tanpa benar-benar mengirim apa pun.

Satu ciri saja mungkin terlihat wajar. Masalahnya muncul ketika semua ciri itu tampil bersamaan dalam satu halaman. Kombinasi itulah yang menjadi sidik jari bahwa halaman tersebut dirakit dari pola paling umum di data latih model, bukan dirancang untuk pekerjaan yang harus dilakukan halaman itu.

Dampaknya bukan sekadar soal selera. Halaman startup yang terlihat sama seperti halaman AI lainnya tidak memberi tahu pengunjung apa pun tentang produknya. Hallmark menjawab masalah ini dengan lantai yang keras, yaitu aturan yang tidak boleh dilanggar apa pun perintahnya, dan lantai itu dibahas pada bagian pemeriksaan di bawah.

Bagaimana 50 Tema Bekerja Tanpa Menjadi Template Baru?

Kunci versi 2 adalah katalog 50 tema, dan setiap tema diperlakukan sebagai material, bukan rencana. Material berarti kertas, huruf, warna, permukaan, komponen, dan teksturnya sendiri, lengkap dengan gambar halaman jadi. Tema tidak pernah menentukan isi halaman atau urutannya, sehingga dua perintah dalam satu tema bisa menghasilkan dua halaman yang berbeda.

Contoh yang ditampilkan di README memberi gambaran rentangnya. Dusk dipakai untuk Closewise, produk rekonsiliasi bank, dan Cobalt dipakai untuk Relay, sebuah API webhook. Studio dipakai untuk Field Office, sebuah studio identitas, sedangkan Atelier dipakai untuk Maison Orla, sebuah atelier parfum.

Setiap tema hanya dibaca satu file, paling besar 8 kilobita. Saat build berjalan, Hallmark menawarkan tiga tema yang cocok dengan perintahmu, lalu menyusun anatomi halaman dari pekerjaan halaman itu. Halaman pemesanan harus bisa memesan, toko harus bisa menjual, dan buletin harus bisa menerima langganan.

Kalau kamu tidak mau memakai tema sama sekali, ada mode custom. Kamu cukup menyebut custom, lalu Hallmark merancang dari perintahmu saja, tetapi tetap di bawah aturan dan pemeriksaan yang sama. Mode ini berguna ketika kamu sudah punya identitas produk yang kuat dan tidak ingin dipaksa masuk ke material yang sudah ada.

Kalau kamu sedang membangun proyek web dengan coding agent, lihat daftar proyek terkait di /projects sebagai bahan perbandingan sebelum memilih pendekatan desain. Di sana kamu bisa melihat bagaimana proyek lain menyusun halaman dan fitur, lalu memutuskan bagian mana yang relevan. Perbandingan ini membantu menilai apakah tema Hallmark cocok atau justru terlalu membatasi.

Bagaimana Hallmark Memeriksa Halaman Sebelum Dikirim?

Pemeriksaan Hallmark dibagi menjadi tiga tingkat. Tingkat Floor tidak pernah boleh dikirim, dan isinya adalah kontras, status fokus, dukungan gerakan yang dikurangi, fakta yang dikarang, dan tata letak ponsel yang rusak. Tingkat Reflex berisi kebiasaan bawaan model yang boleh dilanggar hanya bila ada alasan yang dicatat, sedangkan tingkat Finish berisi detail kerajinan yang tidak pernah menghalangi pengiriman.

Proses buildnya berjalan bertahap dan setiap tahap punya pemeriksaan. Tahap pre-flight membaca proyekmu, termasuk fon, palet, dan framework, lalu meminta satu kali bahan yang nyata, seperti foto, tangkapan layar, dan angka yang benar. README-nya menegaskan tidak ada yang boleh dikarang pada tahap ini.

Bagian atas halaman dibangun sendirian, lalu dirender dan ditinjau tanpa konteks sebelumnya. Setelah itu, sloplint memeriksa halaman pada delapan lebar layar di browser sungguhan, dan peninjau dengan konteks baru memberi kata terakhir. Setiap halaman yang selesai berupa HTML dan CSS yang berdiri sendiri, dengan keputusan desainnya dicatat di komentar CSS pertama.

Untuk halaman yang sudah ada, Hallmark tidak menyentuh desain lama kecuali kamu menyebutnya. Perintah redesign membangun ulang halaman sambil menjaga isi dan wiring-nya, sedangkan perintah audit hanya melaporkan temuan tanpa mengubah apa pun. Sebelum redesign, sloplint mencatat setiap tautan, kolom isian, handler, dan judul, dan pemeriksaan lanjutan akan menggagalkan redesign bila ada satu pun yang hilang.

Hallmark juga membawa pustaka 755 foto berlisensi terbuka yang dipilih sesuai subjek dan diberi kredit pada halaman. Foto-foto itu dihos di Wikimedia Commons dan masing-masing memakai lisensinya sendiri. Hallmark sengaja tidak memakai Unsplash, Pexels, dan Pixabay, karena ketentuan situs tersebut melarang alat AI memilih gambarnya.

Cara Mencoba Hallmark dan Apa yang Perlu Diwaspadai?

Memasangnya hanya butuh satu perintah di terminal. Jalankan npx skills add nutlope/hallmark -g untuk memasang ke semua proyek, atau hilangkan flag -g untuk proyek yang sedang kamu buka. Perintah ini membutuhkan Node 18 atau yang lebih baru.

Pemeriksaan di browser membutuhkan persiapan tambahan, yaitu puppeteer-core dan Chrome yang terpasang secara global. Tanpa keduanya, pemeriksaan statis tetap berjalan, tetapi kamu hanya mendapat sebagian dari peninjauan yang dijanjikan. Setelah terpasang, kamu bisa memanggilnya dengan perintah /hallmark diikuti perintahmu, dan di Codex CLI perintahnya memakai $hallmark.

Satu pengujian independen pada 29 Oktober 2026 melaporkan build Hallmark memakan waktu dan biaya sekitar lima kali lipat, pada satu kasus uji di macOS. Hasil itu berasal dari satu pengujian saja, sehingga jangan membacanya sebagai angka pasti untuk semua proyek. Kamu tetap perlu mengukur sendiri di proyekmu, terutama bila kamu memakai model berbayar dengan konteks yang besar.

Catatan terpenting adalah star bukan bukti hasil. Sebanyak 41.408 star membuktikan masalahnya dirasakan luas, tetapi belum ada studi independen yang mengukur apakah halaman buatan Hallmark lebih dipercaya atau lebih banyak mengubah pengunjung menjadi pelanggan. Ada juga risiko tema yang populer menjadi gaya baru yang mudah dikenali, sama seperti template AI yang ingin dihapus Hallmark.

Cara paling aman untuk mencoba adalah mulai dari audit, bukan dari build baru. Jalankan audit pada halaman yang sudah kamu miliki, baca daftar cirinya, dan perbaiki satu per satu dengan tangan bila perlu. Bila hasilnya terasa membantu, barulah pakai Hallmark untuk halaman berikutnya, dan tetap tinjau hasilnya sendiri sebelum kamu kirim ke pengguna.