Hallmark, skill desain agar halaman buatan AI tak terlihat generik
Halaman web yang dibuat agen coding AI sering terlihat seragam: pola yang sama, label kecil di atas setiap judul, dan bingkai kosong. Repositori Nutlope/hallmark mencoba mengatasinya. Per 3 November 2026, repo ini punya sekitar 45,9 ribu bintang dan masuk daftar trending mingguan GitHub dengan tambahan sekitar 11,5 ribu bintang dalam sepekan.
Apa fungsinya
Hallmark adalah “skill”, yakni paket instruksi dan skrip yang dipasang pada agen coding seperti Claude Code, Codex CLI, Cursor, atau OpenCode. Menurut README-nya, skill ini menyediakan katalog lima puluh tema visual. Setiap tema mengatur bahan tampilan seperti kertas, huruf, warna, dan permukaan. Untuk satu permintaan, agen memilih tiga tema yang cocok.
Halaman juga dirancang di sekitar satu tindakan utama pengunjung, misalnya memesan, membeli, atau berlangganan. Hasilnya diperiksa di peramban memakai linter yang mencari “ciri khas AI”. Pemeriksaannya berjenjang. Tingkat “Floor” tidak boleh lolos, mencakup kontras, fokus, animasi yang dikurangi, dan fakta karangan. Tingkat “Reflex” boleh dilanggar dengan alasan, sedangkan “Finish” tidak menghalangi rilis. Skill ini juga bisa mendesain ulang atau mengaudit halaman yang sudah ada tanpa mengubah isinya. Foto yang dipakai berasal dari 755 gambar berlisensi terbuka di Wikimedia Commons dan dicantumkan kreditnya.
Cara mulai
Pemasangan untuk semua proyek memakai npx skills add nutlope/hallmark -g. Untuk agen tertentu, tambahkan --agent claude-code. Di Claude Code tersedia pula jalur plugin lewat /plugin marketplace add nutlope/hallmark. Setelah terpasang, perintahnya /hallmark <prompt> untuk membuat halaman baru, /hallmark redesign <path> untuk membangun ulang, dan /hallmark audit <path> untuk laporan masalah saja. Syaratnya Node 18 atau lebih baru. Pemeriksaan di peramban memerlukan puppeteer-core dan Chrome, sedangkan pemeriksaan statis berjalan tanpa keduanya. Lisensinya MIT dan repo ini dibuat oleh Together AI.
Skill sejenis sudah kami bahas di Impeccable, toolkit desain untuk agen coding. Keduanya mengincar masalah yang sama dengan pendekatan berbeda.
Artinya bagi pemilik rumah di Jabodetabek
Alat ini ditujukan bagi pengembang web, bukan pembeli rumah. Namun ada kaitannya bagi arsitek, developer perumahan, dan pemilik usaha properti yang membuat situs proyek atau halaman pemasaran dengan bantuan AI. Situs yang tampil seragam membuat proyek terlihat sama dengan yang lain, dan di sisi lain angka atau klaim yang dikarang AI dapat menyesatkan calon pembeli. Karena Hallmark memasukkan “fakta karangan” ke pemeriksaan wajibnya, pendekatan ini patut dicoba.
Tetap perlakukan hasilnya sebagai draf. Periksa sendiri semua informasi harga, spesifikasi, dan legalitas proyek sebelum dipublikasikan, dan baca README serta kode skrip sebelum memasangnya, seperti pada paket pihak ketiga lainnya. Kami belum menguji alat ini sendiri; uraian di atas bersumber dari README repo.