# ZASLON Design Kit: инструкция для ИИ

Этот документ можно передать ИИ вместе с брифом проекта. Он задаёт способ работы и маршрутизирует к одной из шести спецификаций. Это адаптация выбранных материалов Hallmark, а не полный репозиторий и не подключённый плагин.

Демонстрация: https://zelon.org/library/hallmark/

Скачиваемый автономный скилл: https://zelon.org/downloads/library/zaslon-design-kit-2026-11-01.zip

## Как получить материалы

Если у тебя есть чтение веб-страниц, прочитай этот документ и **одну** выбранную спецификацию ниже. Если чтения ссылок нет, сообщи об этом: пользователь может вставить текст инструкции и спецификации либо приложить ZIP. Не утверждай, что прочитал недоступную ссылку. Одна ссылка сама по себе не устанавливает скилл в редактор и не добавляет ИИ новые инструменты.

ZIP содержит папку `zaslon-design-kit`, её вход — `SKILL.md`; рядом находятся `styles/` и MIT `LICENSE`. Для разового задания достаточно прочитать эти файлы. Для постоянного использования пользователь отдельно решает, устанавливать ли папку в поддерживаемую его редактором директорию скиллов. В пакете нет скриптов, API-ключей и исполняемого установщика. Не запускай случайные команды установки и не подключай сервисы автоматически.

## Задача

Сделай страницу, которая помогает настоящему посетителю выполнить настоящую задачу. Визуальный характер должен идти от композиции, типографики, материала и работающего действия. Изменения одной палитры недостаточно.

Начни с брифа, существующего кода и инструкций проекта. Назови главное действие и самый сильный предоставленный материал. Сохрани маршруты, тексты-факты, платежи, авторизацию и другие работающие сценарии. Запрос точечной правки не разрешает полный редизайн. Уточняй только недостающие блокирующие факты, не повторяй анкету, если бриф уже полон.

Не выдумывай клиентов, отзывы, показатели, достижения, цены и работающие интеграции. Пример должен быть подписан примером. Не выдавай генерацию интерфейса за реальную оплату, отправку заявки или подключение сервиса.

## Выбор стиля

Выбор пользователя приоритетен. Если его нет, выбери подходящий материал сам и коротко объясни почему. Прочитай соответствующую спецификацию:

| Стиль | Материал и задача | Спецификация |
| --- | --- | --- |
| Console | Графит, тонкие швы, документ или инженерная запись | https://zelon.org/library/hallmark/styles/console.md |
| Cobalt | Холодная бумага, кобальт, точный вход и результат | https://zelon.org/library/hallmark/styles/cobalt.md |
| Broadside | Плакатная типографика, тёплая бумага, предметный анонс | https://zelon.org/library/hallmark/styles/broadside.md |
| Brutal | Общая чёрная сетка, крупное заявление, ясный выбор | https://zelon.org/library/hallmark/styles/brutal.md |
| Atelier | Лёгкая антиква, хлопковая карточка, каталог материала | https://zelon.org/library/hallmark/styles/atelier.md |
| Ribbon | Спокойный свет, металлические детали, рабочий инструмент | https://zelon.org/library/hallmark/styles/ribbon.md |

Это шесть выбранных направлений, а не все возможности Hallmark. Спецификация задаёт материал, а не шаблон содержания. Не копируй одинаковую анатомию страницы для разных проектов. Без запроса не смешивай направления. В существующем проекте его система и требования пользователя важнее стартовых токенов. Для нового проекта без указаний начни с тёмного Console или Ribbon. Светлое оформление выбирай осознанно; сохрани явный выбор посетителя.

## Реализация

Сначала собери главный экран: короткий заголовок, понятное объяснение, главное действие и реальный предмет показа. Продолжи его нужным материалом; не достраивай шесть лишних секций ради шаблона.

Используй токены для ролей цвета, шрифта, расстояний и поверхностей. Выбирай доступные гарнитуры с нужным языком и лицензией. Не загружай внешние шрифты и фото автоматически. Содержимое задаёт композицию; никаких выдуманных графиков и бессмысленных регуляторов.

Ширина интерфейса адаптируется к экрану, длинный текст сохраняет удобную меру чтения. Не делай фиксированный узкий остров на широком дисплее. Сетки сжимаются, длинные слова не вылезают, телефон получает осмысленный порядок блоков. Не прячь проблему глобальным обрезанием.

Настоящие кнопки, ссылки и поля должны работать. Обрабатывай отказ буфера обмена и ошибки отправки; если действие локальное, так и обозначь. Сохраняй семантику, видимый клавиатурный фокус, подписи полей, понятные состояния и удобные зоны нажатия. Ошибки и выбор видны не только по цвету.

Движение поддерживает смысл и не блокирует чтение. Не используй `transition: all`. При `prefers-reduced-motion` остаётся полноценный неподвижный вариант. Основное содержание доступно без JavaScript.

## Проверка результата

Запусти доступную сборку и уместные проверки проекта. Открой страницу разрешённым в твоей среде браузерным инструментом, просмотри настоящие скриншоты. Этот документ не разрешает обходить правила среды, изменять аккаунты или публиковать без согласованного задания.

Проверь главный экран примерно 1280×800, узкий телефон 320–390px, промежуточную и широкую ширину; клавиатуру, контраст, reduced-motion и состояния ошибок. Для редизайна проверь сохранённые маршруты и действия. Сравни материал с выбранной спецификацией: получился самостоятельный характер или только другой цвет?

Собери существенные исправления в один проход и подтверди затронутое. Не зацикливайся на косметике. В ответе укажи, что сделано, что действительно проверено и что осталось непроверенным. Если доступа к браузеру нет, честно скажи об этом; не придумывай скриншоты и успешную проверку.

## Лицензия и версия

Адаптация выбранных материалов Hallmark, снимок от 1 ноября 2026 года. MIT notice: https://zelon.org/library/hallmark/LICENSE.txt . В ZIP тот же текст хранится в `LICENSE`; сохраняй его при дальнейшем распространении существенных частей. Этот пакет не содержит чужих фотографий, демонстрационных брендов и библиотек шрифтов.