Принцип работы
Design Flow координирует сопутствующие дизайнерские навыки в заданном порядке. Начинает с уточняющих вопросов, фиксирует бриф, разрабатывает информационную архитектуру, задаёт токены и преобразует бриф в реализуемые задачи. Фронтенд затем строится по этому списку. У каждого этапа есть явный результат и переход, который подтверждает дизайнер.
Источник рассматривает процесс как возобновляемый. Артефакты конкретной функции хранятся вместе в папке .design, поэтому работу можно продолжить со следующего незавершённого этапа. Проверка дизайна — отдельный запрашиваемый шаг после появления реализации; само завершение последовательности не означает успешного прохождения визуальной проверки.
Ожидаемые результаты
- Бриф, информационная архитектура и артефакты токенов для конкретной функции по мере необходимости.
- Упорядоченный чек-лист TASKS.md, которому следуют при реализации фронтенда.
- Компоненты и страницы, созданные на этапе реализации, и сохранённые материалы планирования для продолжения работы.
От задания до проверки
- 01Выберите необходимые этапы
Объясните полную последовательность и определите этапы, которые можно пропустить. Существующие токены или объём в один компонент могут исключить лишнюю работу.
- 02Уточните и сохраните дизайн-замысел
Полностью выполните соответствующие сопутствующие навыки, сохранив бриф и информационную архитектуру в одной папке функции. Подтверждайте каждый этап перед продолжением.
- 03Переведите замысел в реализацию
Создайте или расширьте токены, составьте список задач и выполняйте его частями. Отмечайте завершённые задачи с подтверждением между ними.
- 04Проверяйте по запросу
Запускайте отдельный навык design-review только при наличии построенного интерфейса и запроса на проверку. Его скриншоты и находки хранятся вместе с остальными артефактами функции.