Ладный интерфейс

Русскоязычный набор навыков для дизайн-инженерии: проектирование интерфейсов, осмысленная анимация, ревью движения, быстрые прототипы и выбор UI-библиотек.

Это самостоятельная русская адаптация emilkowalski/skills. Это неофициальная производная работа: она не связана с Эмилем Ковальски, Apple или другими упомянутыми компаниями и не одобрена ими. Источник, точная версия и перечень изменений указаны в UPSTREAM.md.

Что изменено

• весь учебный материал переведён и отредактирован, чтобы звучать по-русски;
• персональный навык emil-design-eng переименован в ladny-interface;
• брендовый навык apple-design переработан в нейтральный fluid-interface-design, а прямые цитаты заменены пересказом принципов;
• добавлены рекомендации для кириллицы, длинных русских строк и рабочих интерфейсов 1С;
• добавлены метаданные Codex, автоматическая проверка структуры и оригинальный интерактивный пример;
• удалены внешняя обложка, подписка и персональный брендинг исходного README.

Установка

Установить весь набор:

npx skills@latest add Aleksandr-Litvinenko/ladny-interface

После установки навык можно вызвать явно, например:

Используй $ladny-interface и улучши этот экран согласования.

Навыки

• ladny-interface — основной набор правил дизайн-инженерии: иерархия, поверхности, типографика, состояния и движение.
• animate — спроектировать анимацию с подходящими свойствами, кривой и длительностью.
• review-animations — строго проверить существующие анимации.
• improve-animations — провести аудит движения во всём проекте и составить выполнимый план.
• find-animation-opportunities — найти места, где анимация сделает интерфейс понятнее.
• animation-vocabulary — точнее описывать желаемое движение AI-агенту.
• fluid-interface-design — проектировать отзывчивые, прерываемые жестовые интерфейсы с физически правдоподобным движением.
• pick-ui-library — выбрать проверенную библиотеку под конкретную UI-задачу.
• prototype — собрать несколько вариантов интерфейса и сравнить их в переключателе.

Демонстрация

В каталоге demo находится самостоятельный статический пример «Маршрут согласования» для рабочего интерфейса 1С. Он показывает, как заменить декоративное движение на функциональное: состояние видно по тексту и цвету, повторная отправка заблокирована, ошибку записи можно воспроизвести и повторить, а при prefers-reduced-motion остаётся понятная статическая обратная связь.

Публичная версия: codex.product1c.ru/ladny-interface/. Демо лежит в отдельном каталоге, приложение в корне домена оно не трогает.

Проверка

npm run validate
npm test

Лицензия и авторство

Исходные материалы распространяются по лицензии MIT. Оригинальный copyright и полный текст лицензии сохранены в LICENSE. Сведения о происхождении и границах новой редакции — в UPSTREAM.md и NOTICE.md.