Словами самого skill
Скилл дивергентного исследования одного элемента интерфейса за раз — тоста, карточки тарифа, кнопки удаления с зажатием. Он берёт описанный элемент, строит несколько по-настоящему разных версий, расходящихся по заданной оси (макет, плотность, характер, движение, модель взаимодействия), и помещает их в визуальный пикер, чтобы пользователь мог живьём переключаться между ними и выбрать победителя.
Он запускается только по явному вызову, по умолчанию создаёт три варианта, не допускает исследовательский код в продакшн и удаляет прототипную поверхность после интеграции выбранного варианта.
Что он выдаёт
- Живой визуальный пикер с вариантами, позволяющий переключаться между ними и выбрать один из них.
- Сравнительная таблица с указанием оси каждого варианта, случая, когда он подходит лучше всего, и его стоимости.
- Продакшн-код для выбранного варианта, интегрированный в кодовую базу, с удалённой прототипной поверхностью.
- Скриншоты каждого варианта, если доступны инструменты браузера.
Как это работает
- 01Ограничение до одного элемента
Если бриф охватывает несколько компонентов, скилл выбирает один элемент с наибольшей отдачей, объясняет, какой и почему, и предлагает остальные как последующие запуски.
- 02Разведка местности
Определяет фреймворк, систему стилей, библиотеку анимации, токены, характер продукта и контекст, в котором отображается элемент, чтобы варианты выглядели органично для продукта.
- 03Сначала назвать направления
По умолчанию создаётся три варианта, до пяти — по запросу или если пространство действительно широкое; каждому даётся имя и ось до написания кода.
- 04Собрать оснастку пикера
В проекте изолированный маршрут содержит по одному файлу на вариант плюс небольшой файл оснастки; сам пикер копируется из PICKER.md, а не проектируется заново.
- 05Проверить перед показом
Оснастка запускается, и каждый вариант проверяется на корректность рендера и взаимодействия, со скриншотами, если есть инструменты браузера.
- 06Продвинуть победителя
После выбора пользователя этот вариант интегрируется в соответствии со структурой файлов проекта, именованием и использованием токенов, а прототипная поверхность удаляется.