Hallmark додає дизайн-лінтер проти AI-шаблонів та теми для агентних IDE

01Боротьба з типовими патернами згенерованого дизайну

Сучасні ШІ-агенти пишуть працездатний HTML/CSS, проте повторюють однакові візуальні помилки: надлишкові мітки над заголовками, кольоровий текст у банерах та порожні поля підписки в кінці кожної сторінки. Hallmark примусово вимикає ці звички. На етапі pre-flight інструмент зчитує системні шрифти, палітру та фреймворки з проєкту, а також використовує базу з 755 ліцензованих фотографій із Wikimedia Commons замість комерційних стоків із обмеженнями для ШІ.

02Багаторівневий контроль та браузерний лінтинг

Перевірка якості в Hallmark складається з трьох рівнів:

• The Floor: Обов'язковий базис, який блокує реліз у разі порушення контрасту, фокусу, reduced motion, вигаданих фактів або зламаного мобільного макета.
• Reflex Gates: Стереотипні дефолти моделей, які збірка може обійти лише за наявності зафіксованої причини.
• Finish Checks: Перевіряє деталі типографіки та текстур, не перериваючи реліз.

Команда node skills/hallmark/scripts/sloplint.mjs <file> --render запускає Puppeteer на восьми розширеннях, після чого субагент із чистим контекстом проводить фінальний аудит.

03Безпечний редизайн без втрати коду

Під час оновлення чинного інтерфейсу команда /hallmark redesign <path> зберігає наявну логіку. Утиліта виконує sloplint --before, щоб зберегти реєстр усіх посилань, полів форми та обробників подій. Якщо після переробки стилів елемент зникає, прапорець sloplint --kept блокує білд і виводить порівняння до і після.