Принцип работы
Hue — это мета-навык, создающий другой навык с дизайн-языком. Он может начинать с бренда, URL, кодовой базы, скриншотов, описания или существующего навыка для ремикса. Он отделяет наблюдаемые факты дизайна от производных решений, фиксирует решения в design-model.yaml и генерирует по этой модели дальнейшую документацию и превью.
Результат включает не только цвета и шрифты. Источник охватывает перечни компонентов, обоснование запасных иконок, композицию hero-сцены, светлые и тёмные токены, привязки к платформам и четыре визуальные демонстрации. Также требуются валидация и визуальная проверка. В проверенном источнике есть противоречивые рекомендации по источникам шрифтов, поэтому точные лицензии и доступность шрифтов нужно проверять, а не считать все рекомендации совместимыми.
Ожидаемые результаты
- Многоразовый дизайн-навык с design-model.yaml в качестве единого источника истины.
- Справочные файлы по токенам, компонентам и привязкам к платформам.
- Превью HTML: дашборд, библиотека компонентов, лендинг и экран приложения.
От задания до проверки
- 01Проанализируйте входные данные
По возможности собирайте реальные значения из исходников или вычисленных стилей, а наблюдения с меньшей достоверностью по скриншотам или загрузке текста помечайте.
- 02Подтвердите направление
Перед генерацией большего набора файлов проверьте эстетическую интерпретацию и основные токены.
- 03Сначала постройте модель
Зафиксируйте в YAML примитивы, семантические роли, компоненты, запасные иконки и решения по hero-сцене.
- 04Сгенерируйте и проверьте
Создайте справочные материалы и превью из модели, запустите предоставленный валидатор и проверьте отрисованные результаты в обоих режимах.