Hallmark nedir? Kodlama asistanına şablon görünmeyen sayfa yaptırmak, kurulum ve ücret

Kodlama asistanına yeni bir sayfa yaptırırsın; Hallmark asistana önce 21 adlandırılmış sayfa iskeletinden birini seçtirir, bir temayla giydirtir ve teslimden önce "slop testi" denen kalite kapılarından geçirtir. Mevcut bir sayfayı puanlayan (audit), yapısını yenileyen (redesign) ve beğendiğin bir tasarımın mantığını çıkaran (study) fiilleri de var. Tek bir skill'den oluşan, MIT lisanslı ve ücretsiz bir tasarım kiti; npx skills add nutlope/hallmark ile kurulur, depoda hook, MCP ya da çalıştırılabilir betik yok. Türkçe konusunda resmî kaynak yazmıyor.

Ne yapar: Kodlama asistanına sayfayı iskeletle kurdurur, kalite testinden geçirir
Tür: Tek skill (kit)
Nerede: Claude Code, Cursor, Codex
Kurulum: npx skills add nutlope/hallmark
Hook ve betik: Yok; yalnız Markdown dosyaları
Türkçe: Resmî kaynak yazmıyor
Ücret: Ücretsiz, MIT lisanslı

Hallmark ne işe yarar?

Yapay zekâya yaptırılan sayfalar çoğu zaman birbirine benzer. Hallmark, asistana sayfaya başlamadan önce bir sayfa iskeleti (macrostructure) ve tema seçmesini, bitirmeden önce kendi işini kalite kapılarından geçirmesini söyleyen bir yönergedir. Skill, asistana bir işi nasıl yapacağını anlatan hazır yönergedir.

Şablon görünmeyen sayfa kodlatmakNe alırsın: HTML ve CSS sayfa ya da bileşenAyrı kurulum gerekir Sayfadaki yapay zekâ kalıplarını listelemekNe alırsın: Sıralı bulgu listesiAyrı kurulum gerekir

Kime yarar: Claude Code, Cursor ya da Codex ile web sayfası kodlatan ve sonucun şablon gibi görünmesini istemeyenlere. Kod yazmıyorsan işine yaramaz.

Sayılar kaynaklarda farklı: README 57, SKILL.md 58 kalite kapısı yazıyor; 21 tema README'de, 20 tema sitenin alt bilgisinde. Skill'in tek dosya olarak 106 başvuru dosyası taşıdığı ve oldukça büyük olduğu (yaklaşık 690 KB) açık bir GitHub konusunda tartışılıyor.

Hallmark nasıl kurulur?

Kur ya da güncelle (aynı komut)› npx skills add nutlope/hallmark

Komut, Vercel Labs'ın "skills" adlı ayrı komut satırı aracını indirip çalıştırır ve hangi ajan klasörlerine kurulacağını sorar. Ajanı yeniden başlat.

Cursor: SKILL.md'nin gövdesini (üst bilgi olmadan) .cursor/rules/hallmark.mdc dosyasına koy. Codex: SKILL.md ve references klasörünü ~/.codex/skills/hallmark/ (kişisel) ya da .codex/skills/hallmark/ (proje) içine kopyala.

Açık bir GitHub konusu (#22), Cursor'da kural dosyası yöntemiyle başvuru dosyalarının yok sayıldığını bildiriyor.

Hallmark nasıl kullanılır?

Kurduktan sonra bir arayüz istemen yeter; site "Ask your agent for a UI" diyor. Fiiller isteğe bağlı: audit (puanla, düzenleme yapma), redesign (içerik ve marka kalsın, yapı değişsin) ve study (bir tasarımın mantığını çıkar).

Sıfırdan sayfa"/hallmark build Bir butik otel için rezervasyon odaklı tek sayfalık tanıtım sitesi"

Mevcut sayfayı puanlat"hallmark audit ./index.html"

Yapıyı yenile"hallmark redesign ./index.html"

Hallmark parçalara bölünemez: tek skill, fiiller aynı SKILL.md içinde. Parçalara bölme isteği açık bir GitHub konusu.

Hallmark hangi programlarda çalışır?

Claude CodeVar	README ve package.json adını anıyor; ~/.claude/skills/hallmark/.
CursorVar	README kural dosyası yolunu veriyor; sitede "otomatik algılanır" yazıyor.
CodexVar	README skill klasörü yolunu veriyor.
claude.ai web ve Claude DesignNet değil	Belgede yazmıyor.

"Belgede yok" çalışmaz demek değildir.

Hallmark neyi okur, neyi yazar?

Okur

Projedeki mevcut kod (package.json, tailwind.config, CSS dosyaları, varsa DESIGN.md) ve verdiğin ekran görüntüsü. Study adres modunda verdiğin herkese açık sayfanın HTML ve CSS'ini ajanın web aracıyla okur.

Yazar

HTML ve CSS dosyaları; projede .hallmark/ klasörü (ön tarama önbelleği ve hangi iskelet ile temanın kullanıldığı). Var olan genel stil dosyasına yalnız ekleme yapar.

Silme

Skill talimatı, üretim dosyalarını sen istemedikçe silmemesini ve silmeden önce onay istemesini söylüyor. Bu bir talimattır, teknik kilit değildir.

İnternet ve veri

README ve SKILL.md'de kendi sunucusuna veri gönderen bir özellik ya da telemetri yok; depoda hook, betik ya da MCP yok.

Kayıtlı güvenlik uyarısı

GitHub uyarı listesi boş, SECURITY.md yok. Boş liste güvenli olduğu anlamına gelmez.

Hallmark ücretsiz mi?

Evet. MIT lisanslı açık kaynak; README, LICENSE ve sitede ücretli plan, abonelik ya da hizmet katmanı geçmiyor. Kodlama aracının (Claude Code, Cursor, Codex) ve modelin ücreti ayrıdır.

Yapabilirsin

Ticari kullanım dahil kullanmak, kopyalamak, değiştirmek ve dağıtmak (MIT)

Yasak

Telif ve lisans bildirimini kopyalardan çıkarmak

Kaynak: LICENSE ve README. Bu bir hukuki görüş değildir.

Sık sorunlar ve çözümleri

Ne oluyor	Ne yapmalı
"No valid skills found" hatası	Mayıs 2026'da bildirilen ve kapatılan bir sorun (#1, #4); güncel sürümü kur.
Kullanıcıların bildirdiği Kurulumdan sonra ajan SKILL.md içindeki bazı bağlantıları açamıyor	Açık GitHub konusu (#76): kurucu yalnız skill klasörünü kopyaladığı için üç göreli bağlantı kırık kalıyor.
Kullanıcıların bildirdiği Cursor'da başvuru dosyaları yok sayılıyor	Açık GitHub konusu (#22); resmî çözüm yok.
Kullanıcıların bildirdiği Skill çok büyük, her kullanımda çok bağlam harcıyor	Açık GitHub konusu (#50); skill tek parça, bölünemiyor.

Hallmark nasıl kaldırılır?

Skill klasörünü sil: Claude Code için ~/.claude/skills/hallmark/, Codex için ~/.codex/skills/hallmark/, Cursor için .cursor/rules/hallmark.mdc. Hallmark kaldırma komutunu belgede yazmıyor; projende oluşan .hallmark/ klasörü kalır, elle silersin.

Sık sorulan sorular

Hallmark nedir?

Kodlama asistanına şablon görünmeyen sayfalar yaptıran, tek skill'den oluşan ücretsiz bir tasarım kiti. Önce 21 sayfa iskeletinden birini seçer, bir temayla giydirir ve kalite kapılarından geçirir.

Hallmark ücretsiz mi?

Evet, MIT lisanslı açık kaynak; ücretli plan ya da hizmet katmanı yok. Kodlama aracının ve modelin ücreti ayrıdır.

Hallmark hangi programlarda çalışır?

README Claude Code, Cursor ve Codex için kurulum yazıyor. npx skills add nutlope/hallmark ile kurulur; elle kopyalama yolları da var.

Hallmark mevcut sitemi silip baştan yazar mı?

Skill talimatı üretim dosyalarını sen istemedikçe silmemesini ve silmeden önce onay istemesini söylüyor. audit yalnız puanlar, redesign yapıyı değiştirir ama içerik ve marka kalır. Yine de projeni git'te tut.

Hallmark ile başka sitenin tasarımını kopyalayabilir miyim?

study fiili bir sayfanın yapı ve yazı tipi mantığını çıkarıp kendi içeriğinle kurar. Başkasının görsellerini ve metnini kopyalamak başka bir konudur; telif haklarına uy.

İlgili rehberler

Kaynaklar

Resmî kaynaklarda net olmayanlar: Kalite kapısı (57 ya da 58) ve tema sayısı (20 ya da 21) · claude.ai web ve Claude Design'da kullanılıp kullanılamayacağı · Türkçe isteklerle davranışı · Windows'a özgü kurulum. Her biri ilgili bölümde ne yapabileceğinle birlikte yazılı.