Hallmark: skill بيمنع AI من إنتاج Landing Pages شبه بعض — 25 ألف نجمة

🔗 رابط المشروع على GitHub: https://github.com/Nutlope/hallmark

---

كل الـ landing pages اللي بتتولّد بـ AI دلوقتي شبه بعض: نفس الـ hero، نفس الـ gradient، نفس الـ 3 feature cards، نفس الـ CTA. الصفحة بتبان “AI-generated” من أول نظرة. Hallmark من Nutlope بيحل الموضوع ده.

25.5 ألف نجمة، 1.3 ألف fork، MIT License. skill لـ Claude Code و Cursor و Codex.

الفكرة في جملة

لكل brief، Hallmark بيختار macrostructure مختلف + واحد من 21 theme، وبعدين بيعمل 57 slop-test + self-critique قبل الـ output. النتيجة: landing pages تختلف فعلاً بين عميل وعميل.

الـ 4 Commands

• hallmark (default) — ينشئ UI جديد
• hallmark audit <target> — بيقيّم كود موجود ضد الـ anti-patterns ويطلّع issues (بدون تعديل)
• hallmark redesign <target> — بيعيد بناء الـ structure مع الحفاظ على الـ copy والـ IA والـ brand
• hallmark study <screenshot | URL> — بيستخرج layout + type pairing + color anchor من تصميم ويحوّله لـ design.md

21 Theme + Custom Mode

catalog من 21 theme جاهز. لو مفيش theme يناسب الـ brief، Custom Mode بيصمم صفحة من الصفر.

57 Slop-Test Gates

قبل أي output، بيعمل 57 فحص للكشف عن AI-slop patterns: نفس hero gradient، نفس feature cards الـ 3، placeholder text، نفس الـ Lorem Ipsum ألوان، وغيرهم. لو failed → self-critique → إعادة.

التثبيت

# الطريقة الأسرع
npx skills add nutlope/hallmark

# أو manual copy
# Claude Code
mkdir -p ~/.claude/skills/hallmark/
cp SKILL.md references/* ~/.claude/skills/hallmark/

# Cursor
cp SKILL.md .cursor/rules/hallmark.mdc

# Codex
mkdir -p ~/.codex/skills/hallmark/
cp SKILL.md references/* ~/.codex/skills/hallmark/

الفرق بين ده و UX/UI Agent Skills (نشرت قبل)

• UX/UI Agent Skills — بيضمن جودة فنية (contrast، accessibility، touch targets)
• Hallmark — بيضمن تميّز بصري (مش شبه كل landing page تانية)

الاتنين مكمّلين: UX/UI Skills للـ “accessible”، Hallmark للـ “distinctive”.

سيناريوهات Ibrahim

• DSE client landing pages — عملاء العيادات (Dr Sara، Dr Hamdy، Max Health، Marie Ragaie، Genesis). كل واحد لازم landing page مميزة. Hallmark بيضمن مش بتطلع كلها “zoom.us copy”
• n8nar blog redesign — hallmark audit n8nar.com يطلّعلك قائمة الـ AI-slop issues في موقعك الحالي
• Vibe Coding course — Module عن “تميّز landing page من AI-slop” = sellable skill مباشرة
• Study competitors — hallmark study https://granola.ai يطلّع design.md جاهز للاستخدام في موقعك
• bond app landing — تصميم مميز للـ reels creation product

فرصة Service مباشرة

“Clinic Landing Page Design” للعملاء الـ 5+ عندك في DSE. استخدم Hallmark لكل عميل، كل صفحة مختلفة فعلاً. سعر: 8-15 ألف جنيه للصفحة الواحدة. الفرق عن منافسين الـ agency = الـ عميل مش بيحس إنه ماشي في template.

مؤلّف ده مش عشوائي

Nutlope (Hassan El Mghari) مطوّر معروف جداً بـ open-source AI tools (Pico، Napkins، Blinkshot، كتير). المشاريع بتاعته بتوصل عالياً في Trending كتير، ومعظمها MIT ومفيد فعلاً.

📎 رابط المشروع: github.com/Nutlope/hallmark